Theme:

Progress

Progress bars show the completion status of a task. They support color variants and multiple sizes.

Color Variants

<progress class="dui-progress dui-progress-primary" value="40" max="100"></progress> <progress class="dui-progress dui-progress-success" value="80" max="100"></progress> <progress class="dui-progress dui-progress-error" value="45" max="100"></progress>

Sizes

<progress class="dui-progress dui-progress-primary dui-progress-xs" value="50" max="100"></progress> <progress class="dui-progress dui-progress-primary dui-progress-sm" value="50" max="100"></progress> <progress class="dui-progress dui-progress-primary" value="50" max="100"></progress> <progress class="dui-progress dui-progress-primary dui-progress-lg" value="50" max="100"></progress>