JSFiddle - React, Tailwind, and code Playground

by aybalasubramanian

HTML

<div class="heatindicator">
<div class="redbar">
</div>
<div class="yellowbar">
</div>
<div class="greenbar">
</div>
</div>

CSS

.heatindicator{
  width:100%;
}
.redbar{
  float:left;
  width: 33.33%;
  height:20px;
  background-color: red;
}
.yellowbar{
  float:left;
  width: 33.33%;
  height:20px;
  background-color: yellow;
}
.greenbar{
  float:left;
  width: 33.33%;
  height:20px;
  background-color: green;
}