Documentation
Progress
A progress bar can be used to show a user how far along he is in a process.
Default markup
To create a default progress bar, add a .progress
class to a <div>
element:
Progress size
Using Bootstrap’s typical naming structure, you can create a standard progress, or scale it up to different sizes based on what’s needed.
Progress without value
Remove the showed value by adding a class called .sr-only
.
Indeterminate progress
To create indeterminate progress add .progress-bar-indeterminate
to the .progress-bar
element.
Native progress element
You can also use native HTML5 <progress>
element.
Progress color
Customize the color of the progress bar. You can click here to see the list of available colors.