Progress

How it works

A progress bar can be used to show a user how far along he/she is in a process.

25%
Backgrounds Color

Use background utility classes to change the appearance of individual progress bars.

Striped Progress Bar

Add .progress-bar-striped to any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.

Height

We only set a height value on the .progress, so if you change that value the inner .progress-bar will automatically resize accordingly. Use .progress-xs, .progress-sm, .progress-md, .progress-lg or .progress-xl classes.

© Darkone by StackBros.