А
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<!--Уровень, Опыт, Процент-->
<div style="display:flex; align-items:center; text-align:center; width:325px; height:20px; background: orange; border-radius:5px; box-shadow:1px 1px 3px black;">
<!--показ уровня-->
<div><img src="img/lvl.png" width="16px" height="16px"></img>1</div>
<!--индикатор-->
<div style="display:flex; flex-grow:1; height:10px; color:green; background:red; border-radius:10px; margin-left:5px; margin-right:5px;">
<div style="width:233px; height:10px; background:green; border-radius:10px;"></div>
</div>
<!--прогресс в %-->
<div>35%</div>
</div>
</body>
</html>
Вот вроде тоже норм, спасибо
