JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row_container">
        <div class="label">
            Label A
        </div>
        <div class="bar">
            <div class="bar_value">
            BAR Width
        </div>
        </div>
</div>

CSS

div.label {
    background:blue;
    width:20%;
}

div.bar{
    width:80%;
}
div.bar_value{
    background:green;
    width:77%;
}

.row_container{
    background:black;
    width:50%;
}

.row_container div {
    display: inline-block;
}