JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progress progress-striped active">
    <div class="progress-bar"></div>
</div>

CSS

.progress-bar {
    height: 30px;
    background-color: #bbf;
    width: 0%;
}

JavaScript

PORCENTAGEM = 0;
var progress = setInterval(function () {
    PORCENTAGEM++;
    document.querySelector('.progress-bar').style.width = PORCENTAGEM + '%';
    if (PORCENTAGEM == 100) clearInterval(progress);
}, 500);