JSFiddle - React, Tailwind, and code Playground

by Denis Ineshin

HTML

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

CSS

.bar {
    height: 20px;
    width: 300px;
    background: #fff;
    border: 1px solid #000;
}
.progress-bar {
    height: 20px;
    width: 0;
    background: #000;
}

JavaScript

$(".progress-bar").animate( { width: '300px' }, 10000, 'linear');