Progress
Linear, circular, segmented, step, and upload states.
Basic progress bars
LinearProject setup24%
Design review58%
Release readiness82%
Deployment100%
Color variants
Primary
72%
Success
88%
Warning
56%
Danger
34%
Information
64%
Size variants
Extra small28%
Small46%
Default64%
Large78%
Extra large92%
Soft progress
Monthly target
$68,40074% of $92,000 target
Striped progress
Processing65%
Optimizing assets42%
Progress with label
72% complete
48 of 100 tasks48%
Segmented progress
MilestonesOnboarding completion4 of 6
Password strengthStrong
M
T
W
T
F
S
S
Circular progress
72%
Profile setup
Complete two more fields.
Ring variants
86%
62%
38%
Multi-ring
78%
● Revenue● Orders
Gauge progress
68%
Performance score
Interactive upload
Pausedorzen-assets.zip24.8 MB of 64.2 MB
38%File transfers
dashboard-assets.zip82%
quarterly-report.pdf
customer-backup.json46%
Step progress
Step 2 of 4DetailsReviewPaymentFinish
Storage usage
68.4 GB used100 GB
● Files● Media● Other
Live goal
Quarterly goal$68k
68%Project completion
Mobile application launch24 of 32 tasks
Design 100%Development 78%Testing 42%
75%