JSFiddle - React, Tailwind, and code Playground

HTML

<div style="position:relative; background-color:red;">
  <div class="progressPercent" style="display:inline-block;" "width:33%">33%</div>
  <div class="progressPercent" style="display:inline-block;" "width:33%">33%</div>
  <div class="progressPercent" style="display:inline-block;" "width:33%">33%</div>
</div>

CSS

.progressPercent {
	color: #000!important;
	background-color: green!important;
	border-radius: 0.5px;
	text-align: right;
	height:100%;
	font-weight: bolder;
}