JSFiddle - React, Tailwind, and code Playground

HTML

<div class="progressbar-form">
    <div id="progressbar-value">
    </div>
    <div class="progressbar-hint">
        Released
    </div>
</div>

CSS

.progressbar-form {
    position:relative;
    width:350px;
    height:16px;
    overflow:hidden;
    box-shadow:3px 3px 1px #000;
    border-radius:10px;
    background:#666;
    padding:2px;
}
    
.progressbar-hint {
    
    text-align:center;
    color:rgba(255,255,255,0);
    font-weight:bold;
    font-size:12px;
    font-family:Tahoma, Geneva, sans-serif;
    
}

.progressbar-hint:hover {
    color:rgba(255,255,255,1);
}

#progressbar-value {
    position: absolute;
    background-color:#09C;
    width: 25%;
    height: 16px;
    border-radius:10px;
}