JSFiddle - React, Tailwind, and code Playground

by mrjordy

HTML

<div class="kmProgressContainer">
  <div class="kmProgress">
    <div class="kmProgressTop">

    </div>
    <div class="kmProgressMiddle">

    </div>
    <div class="kmProgressBottom">

    </div>
  </div>
</div>

CSS

.kmProgressTop {
  background: rgba(255,0,0,.1);
  width: 100%;
  height: 120px;
}
.kmProgressMiddle {
  background: rgba(0,255,0,.1);
  width: 100%;
  height: 120px;
}
.kmProgressBottom {
  background: rgba(0,0,255,.1);
  width: 100%;
  height: 120px;
}