JSFiddle - React, Tailwind, and code Playground

HTML

<div id="vertmeter">
<div id="vertmeter_bar" style="height:0%;">
<div id="vertmeter_bar2" style="height:0%;"><div id="vertmeter_bar3" style="height:0%;">
</div>
</div>

CSS

#vertmeter
{
  height:350px;
  width:30px; 
  background-color:#D1D7DF;
    position:relative
}   
#vertmeter_bar
{
  background-color:#CF3500;
  width:100%;
    bottom:0;
    position:absolute;
}

JavaScript

$('#vertmeter_bar').animate({height:"50%"}, 1000, 'swing');
$('#vertmeter_bar1').animate({height:"50%"}, 1000, 'swing');
$('#vertmeter_bar3').animate({height:"50%"}, 1000, 'swing');$('#vertmeter_bar2').animate({height:"50%"}, 1000, 'swing');