Progress

Colored progress bars using the native <progress> element.

All 11 color variants

Primary (75%) 75% Secondary (60%) 60% Tertiary (45%) 45% Contrast (90%) 90% Accent (70%) 70% Success (80%) 80% Info (50%) 50% Warning (35%) 35% Error (20%) 20% Pop (55%) 55% Spark (40%) 40%

Various values

0% 0% 25% 25% 50% 50% 100% 100%

Progress

All 11 color variants

Various values

Indeterminate