JSFiddle - React, Tailwind, and code Playground

by misbehavens

HTML

<div id="barWrapper">
    <div id="progressBar"></div>
    <div id="overGoalBar"></div>
</div>

CSS

#progressBar {
    background: red;
    display: inline-block;
    width:0;
    height: 100px;
}
#overGoalBar{
    background: blue;
    display: inline-block;
    width:0;
    height: 100px;
}

JavaScript

$('#progressBar').animate({width: 50 + '%'}, 2500, 'swing', function(){
    $('#overGoalBar').animate({width: 49 + '%'}, 2500, 'swing', function(){});
});