XS
Small
Medium (Default)
Large
XL
2XL
XS
Small
Medium (Default)
Large
XL
2XL
LTR
RTL
LTR / Weak
RTL / Weak
LTR / Weak / Thin
RTL / Weak / Thin
Pill
Rounded
Square
Pill
Rounded
Square
XS / Thin
SM / Thin
MD / Thin
LG / Full
Default
Strong
Weak
Positive
Negative
Warning
Positive / Brand
Negative / Positive
Negative / Brand
Negative / Brand / Positive
Negative / Warning / Positive
Positive / Warning / Negative
Default
Strong
Weak
Positive
Negative
Warning
Default
Strong
Weak
Positive
Negative
Warning
Default Track
Strong Track
Weak Track
Positive Track
Negative Track
Warning Track
Positive on Strong
Negative on Weak
Warning on Default
Strong on Positive
Default on Warning
Weak on Negative
LTR
RTL
Default
Half
Complete
Animated Progress
Rounded XL
Square XL
Rounded 2XL
Square 2XL
Percentage Label (Auto Color)
Text Label (Auto Color)
Custom Label Color (Tert)
No Label (Default)
Label at 25%
Label at 50%
Label at 75%
RTL with Label at 60% (Label on Left)
RTL at 25% (Label on Left)
RTL at 60% (Label on Left)
RTL at 90% (Label on Left)
RTL at 100% (Label on Left)
Near Start (5%)
Near End (95%)
At Start (0%)
At End (100%)
Default (8px fade)
Small (4px fade)
Large (16px fade)
Positive (Auto)
Negative (Auto)
Warning (Auto)
Default (Auto)
Pos Bar with Tert Label
Neg Bar with Prim Label
Default Bar with Pos Label
Strong Bar with Quat Label
Always Visible (Default)
Show on Hover
Color Change on Hover (Quat → Variant)
No Label
End Position - Show on Hover
End Position - Color on Hover (Quat → Neg)
RTL Indicator - Show on Hover
Custom Color + Hover
Hover on Progress Bar
The progress bar creates its own hover zone
Hover Anywhere Here
The parent container provides the hover zone
Backlog
Ready for Dev
On Track
WIP
Cancelled
Foundation
Feature Complete
Polish
Production