JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
  <div class="text">ONGOING 30%</div>
  <div class="text_2">ONGOING 30%</div>
</div>

CSS

div {
  font-weight: 700;
  white-space: nowrap;
}
div.box {
  position: relative;
  display:inline-block;
}
div.text {
  position: ;
  background: grey;
}
div.text_2 {
  position: ;
  background: red;
  width: 37%;
  z-index:2;
  color: white;
  overflow: hidden;
  transform: translateY(-19.09px);
}