Progress bar

HTML5 progress tag has default layout with all other colors! Some example given in below -

Default

<progress value="30" max="100"></progress>

Primary progress bar

<progress class="progress-primary" value="30" max="100"></progress>

Danger progress bar

<progress class="progress-danger" value="30" max="100"></progress>

SASS

Reference from _progress.scss

$progress-background: darken(map-get($colors, white), 5%);
$progress-background-shadow: 0 rem(2) rem(5) rgba(0, 0, 0, 0.05) inset;
$progress-bar-color: darken(map-get($colors, white), 30%);
$progress-bar-radius: rem(2);