JSFiddle - React, Tailwind, and code Playground

HTML

<div class="karma3" style="text-align:center">
<div class="gray" style="width: 70%;"></div><div class="red" style="width: 30%;"></div>
</div>

CSS

.karma3{
    width: 120px;
}
.gray, .red{
    display: inline-block;
    height: 7px;
}
.gray{
    background-color: gray;
}
.red{
    background-color: red;
}