JSFiddle - React, Tailwind, and code Playground

HTML

<div id="gameTimeBar-holder">
    <div id="gameTimeBar"></div>
    <div class="progressBarText">Actions : 852 minutes</div>
</div>

CSS

#gameTimeBar-holder{width:200px;height:15px;background:grey; position:absolute; top:45px; left:5px;}
#gameTimeBar{width:0;height:100%;background:purple;}
.progressBarText{position:absolute;z-index:10;top:0;left:0;width:100%;text-align:left; color: white;}