JSFiddle - React, Tailwind, and code Playground

by cheongjin kim

HTML

<div style="margin:10px;">
  <div style="display:flex;">
    <div style="width:100px;">
      HTML
    </div>
    <div style="flex:1;">
      <div style="width: 100%">
        <div class="progress">
          <div class="bar" style="width:70%">
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

CSS

.progress {
 width:100%;
 height:30px;
 background-color:white;
 -webkit-box-shadow: 10px 8px 0px -4px #d5d5d5;
-moz-box-shadow: 10px 8px 0px -4px #d5d5d5;
box-shadow: 10px 8px 0px -4px #d5d5d5;
}

.bar {
  height:100%;
  background-color:#ff6b83;
}