JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<style>
.progressbarContainer
{
    position: relative;
    width: 100px;
    height: 15px;
    background: #ff00ff;
}
.backText
{
    position: absolute;
    left: 0;
    color: black;
}
.frontText
{
    position: absolute;
    left: 0;
    color: red;
}
.progressbar
{
    position: absolute;
    width: 14.34%;
    height: 100%;
    background: blue;
    overflow: hidden;
}
</style>
</head>
<body>
    <div class="progressbarContainer">
        <div class="backText">
            14.34%
        </div>
        <div class="progressbar">
        <div class="frontText">
            14.34%
        </div>
        </div>
        
    </div>
</body>
</html>