Utilizando o Bootstrap 4, o código HTML que gera a seguinte barra de progresso, com indicação de nível na metade e texto “50%”, é:
50% |
<div class=”progress border”>
<div class=”progress-bar”
style=”width:50%”>50%</div>
</div>
<div class=”progress border”>
<div class=”progress-bar”
style=”width:100%”>50%</div>
</div>
<div class=”progress-bar border”>
<div class=”progress”
style=”width:50%;progress-level:50”></div>
</div>
<div class=”progress-bar border”>
<div class=”progress”
style=”width:100%”>50%</div>
</div>
<div class=”progress-bar border”>
<div class=”progress”
style=”width:50%;progress-label:50”></div>
</div>