JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Kdo je nejlepší na světě</h1>

<div class="bar">
    <div class="progress" style="width:75%;">65%</div>
</div>
<div class="label">Dominik !</div>

<div class="bar">
    <div class="progress" style="width:20%;">20%</div>
</div>
<div class="label">Jenda</div>

<div class="bar">
    <div class="progress" style="width:15%;">15%</div>
</div>
<div class="label">Lojza</div>

CSS

body{
    color: #333;
    font-size:12px;
}

h1{
    font-size: 16px;
}

.bar{
    width:200px;
    background-color: #ccc;
    border: 1px solid #ccc;
}

.progress{
    background-color: cyan;
    padding: 5px;
    text-align: right;
}

.label{
    margin-bottom: 15px;
}