[html]
<style css>
progress {
border:0;
width: 400px;
height: 20px;
background: #f1f1f1;
margin-top: 5px !important;
}
progress::-webkit-progress-bar {
width: 400px;
height: 20px;
background: #f1f1f1;
}
progress::-webkit-progress-value {
background: #e6736b;
}
progress::-moz-progress-bar {
background: #ffb76b;
}
</style>
<center>
<div class="gemsblock">
<div class="gemsblockin"><div class="gemsmain">
<div class="gemsblockout">НАЗВАНИЕ КОНКУРСА</div>

<br><br>

<div class="gemsheadline">

ЗАГОЛОВОК

</div>
<div class="gemsrules">
<div class="progress-bar-wrapper">
<progress id="progressbar" value="70" max="100"></progress>
<span class="progress-value">75HP name surname</span>
</div>
<div class="progress-bar-wrapper">
<progress id="progressbar" value="20" max="100"></progress>
<span class="progress-value">25HP name surname</span>
</div>
<div class="progress-bar-wrapper">
<progress id="progressbar" value="90" max="100"></progress>
<span class="progress-value">95HP name surname</span>
</div>
</div>
</div>
</div>
</center>[/html]