Progress

.progress styles HTML <progress> elements.

Caveats

.progress uses the browser-specific CSS pseudo-elements ::-webkit-progress-value and ::-webkit-progress-bar.

Applicable Elements

Basic Usage

70% 
<progress class="progress" max="100" value="70">70%</progress>
<progress class="progress"></progress>

Variants

The .circular and .skeleton variants do not support determinate progress.

<progress class="progress circular"></progress>
<progress class="progress skeleton"></progress>