JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="element">
        <div>Some text</div>
        <div>This would be the progress bar</div>
        <div>Another: <b>10</b></div>
    </div>
        <div class="element">
        <div>Name Two</div>
        <div>This would be the progress bar</div>
        <div>Another: <b>150</b></div>
    </div>
        <div class="element">
        <div>Whatever</div>
        <div>This would be the progress bar</div>
        <div>Another: <b>25</b></div>
    </div>
</div>

CSS

.container {
    
}

.element {
  display: flex;
  flex-direction: row;
  border: 1px solid #000000;
}