JSFiddle - React, Tailwind, and code Playground

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;
      position: relative;
      height: 20px;
  }
  .ProgressbarMeter {
      background-color: #669900;
      width: 30%; /*This controls the green progress bar.*/
      height: 20px;
      position: absolute;
  }
  .InnerDivs {
    border-right: 3px solid #fff;
      width: 20px;
      height: 20px;
      float: left;
      position:relative;
  }