JSFiddle - React, Tailwind, and code Playground

by AdamDrummond

HTML

<div class="Progressbar">
    <div class="ProgressbarMeter"></div>
    <div class="InnerDivs"></div>
    <div class="InnerDivs"></div>
    <div class="InnerDivs"></div>
    <div class="InnerDivs"></div>
    <div class="InnerDivs"></div>
</div>

CSS

.Progressbar {
      background-color: #d7d7d7;
      width: 110px;
      margin-top: 1px;
      position: relative;
      height: 41px;
      border-radius: 3px;
  }
  .ProgressbarMeter {
      background-color: #669900;
      width: 30%; /*This controls the green progress bar.*/
      margin-top: 1px;
      height: 40px;
      border-radius: 3px;
      position: absolute;
  }
  .InnerDivs {
      border: 1px solid black;
      width: 20px;
      height: 40px;
      border-radius: 3px;
      float: left;
      position:relative;
  }