Rw progress examples
Bootstrap progress examples
Notifications
List of latest events
Tracey Newman commented on your Awesome article, 5 min ago
John Doe added new article Progs for begginers, 13 min agoImportant memory issue. Memory loading 99% - 2021 of 2048
Jonathan Foster edited product JST Smartphone, 30 min ago- File uploading proccess 25%.
Dmitry Ivaniuk
Administrator
Administrator
Last visit 15min ago
- Main
- Dashboards
- Pages
- Business solutions
- Interface
- Elements
- Components
- Forms
- Charts
- Tables
- Maps
- Template options
- Layout examples
- RTL Example
Progress
The Right Way - Admin Template
Informative progress
Progress bar developed special for this template.
Some pregress goes under with 30%
Right value position 50%
Bordered example
Rounded borders
Custom text color 50%
Primary bar color
Secondary bar color
Success bar color
Info bar color
Warning bar color
Danger bar color
Segmented progress
Unique progress bar designed and developed special for template.
Default
Use dataset data-value to set % value.
Secondary style
Add class rw-progress--secondary to get custom style.
With animation
Add class rw-progress--animation to animate bars.
Small size
Add class rw-progress--sm to get small progress.
Secondary style
With animation
Tooltip value
Fixed width
Small with fixed width
Bootstrap progress
Examples usage of custom progress bars featuring support for stacked bars.
Progress bar with label
Add text to .progress-bar to get value show inside of progress bar.
Custom height
Simply use style attribue and set custom height for progress.
Custom background
Use predefined bg-*s to get custom background for progress-bar.
Multiple bars
Add few .progress-bars into .progress to get mulitple bars.
Striped
Add class .progress-bar-striped to .progress-bar to get stripped style.