JSFiddle - React, Tailwind, and code Playground

by aflynt

HTML

<button id="btn1">Animate height</button>
<button id="btn2">Reset height</button>
<div id="occupational-injury-container">
<div id="occupational-injury-meter"></div>
<div class="icon">
Move me
</div>

</div>

CSS

#occupational-injury, .icon {float:left;}

#occupational-injury-meter {
  background:#98bf21;
  height:50px;
  width:0px;
  margin:6px;
}

JavaScript

$(document).ready(function(){
    
        $("#occupational-injury-meter").animate({width: "100px"});

});