JSFiddle - React, Tailwind, and code Playground

by Elguja Bogveradze

HTML

<div id="main">
    
    <div id="loaded">
        
    </div>
    
</div>
<span id="loadedMB"></span> | 
<span id="loadedPR"></span>

CSS

#main
{
    width:256px;
    height:32px;
    border:1px solid black;
   
}

#loaded
{
    width:0px;
    height:32px;  
    background-color:blue;
}
}

JavaScript

i = 0;
setInterval(function(){

i = i+ Math.floor(Math.random() * 5) + 1;
    i = i > 256 ? 256 : i;
 $('#loaded').css("width",i+"px");
$('#loadedMB').html(i+"MB/256MB"); 
   var PR =Math.floor((i/256)*100);
$('#loadedPR').html(PR+"%/100%");     
    
   
},100);