JSFiddle - React, Tailwind, and code Playground
HTML
Loading: <progress value="0" max="100"></progress>
CSS
body{
padding:10px;
}
progress{
width:400px;
}
JavaScript
function increment($progress){
if($progress.val()<=100){
$progress.val($progress.val()+1);
} else {
console.log('loaded');
window.clearInterval(load);
}
return ($progress.val());
}
$progress = $('progress');
var max = $progress.attr('max');
setInterval(function(){
var complete = increment($progress);
console.log(
}, 50);