Progress Bars
Examples and documentation for the progress bars component
Progress Bar Sizes
XXS
75%
XS
75%
SM
75%
MD
75%
LG
75%
XL
75%
XXL
75%
Progress Bar Colors
Primary
75%
Success
75%
Warning
75%
Danger
75%
Info
75%
Secondary
75%
Progress Bar Variants
Default
75%
Striped
75%
Animated
75%
Progress Bar Label Positions
Left
75%
Right
75%
Top
75%
Bottom
75%
Inside
Progress Bar Examples
File Upload
Uploading...
Loading Process
45%
Storage Usage
Task Completion
Complete!
Progress Bars in Lists
-
Database Migration Migrating user data
-
File Processing Processing uploaded files
-
Backup Creation Creating system backup90%
Circular Progress Bars (SEO & Analytics)
Circular Sizes (XS, SM, MD, LG, XL, XXL)
95
85
70
/ 100
45
/ 100
30
/ 100
15
/ 100
Theme Colors
95
80
65
40
55
75