JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<div class="progress">
    <div class="progressCounter"></div>
</div>

<span></span>

CSS

body{margin:10px;}
.progress{
    width:300px;
    height:auto;
    border:1px solid #ccc;
    background:#F2F2F2;
}
.progressCounter{
    height:20px;
    background:#34B541;
    width:1%;
}

JavaScript

var millisec = 5000;
    var number = millisec / 60;

    console.log(number)

var la = 0;
setInterval(function() {   
    if (la < 100){        
        la += 1
    }            
    
    $('.progressCounter').css('width',la +'%');
}, number);