Progress

Determinate progress with status colours.

Source: src/stylus/components/progress.styl

With a label

Always give the bar an accessible name and the current value.

75% 
<progress class="progress" value="75" max="100" aria-label="Cloud storage">75%</progress>

Status colours

.success, .warning, .danger; sizes .sm to .xl.

90% 55% 
<progress class="progress success sm" value="90" max="100" aria-label="Passing">90%</progress>
<progress class="progress warning" value="55" max="100" aria-label="Degraded">55%</progress>