JSFiddle - React, Tailwind, and code Playground
HTML
<div id="first" class="check">
</div>
<br>
<div id="second" class="check">
</div>
CSS
.check{
width : 0%;
height: 100px;
background: blue
}
JavaScript
$(function () {
$("#first").animate({
width: '100%'
}, { duration: 500, queue: true });
$("#second").animate({
width: '50%'
}, { duration: 500, queue: true });
});