1. Xeria
  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.

Settings
user-img
Marcia J. Melia

Product Owner

8,504

Balance

8,504

Balance

Messages 25

Tomaslau

I've finished it! See you so...

Stillnotdavid

This theme is awesome!

Kurafire

Nice to meet you

Shahedk

Hey! there I'm available...

Adhamdannaway

This theme is awesome!