@@include("partials/title-meta.html", {"title": "Progress"}) @@include('./partials/head-css.html')
@@include('./partials/topbar.html') @@include('./partials/horizontal.html')
  1. UBold
  2. UI
  3. Progress

Progress

Basic Example

Default progress bar.

25%

Contextual alternatives

Progress bars use some of the same button and alert classes for consistent styles.

Striped example

Uses a gradient to create a striped effect.

Size example

We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly.

Progressbar Vertical

Use class .progress-vertical.

Progressbar Vertical Bottom

Use class .progress-vertical-bottom.

@@include('./partials/footer.html')
@@include('./partials/right-sidebar.html')