Components
Progress
Displays an indicator showing the completion progress of a task.
Last updated: March 11, 2026
Expanded Variants
This page now includes progress patterns for uploads, storage, multi-step
flows, inline lists, countdowns, and status feedback.
A simple progress indicator with a fixed value.
Progress bar with simple label text.
Progress bar with numeric percentage.
Auto-incrementing animated progress example.
Progress controlled with increment/decrement buttons.
Stepper-style progress for multi-stage flows.
DetailsPaymentReviewConfirm
Segmented progress bar with legend.
Used 45%
Cached 25%
Free 30%
Minimal thin progress line.
Larger bold progress bar variant.
Progress row with status badge.
Indeterminate loading bar pattern.
Interactive success/error state transitions.
Gradient-filled progress indicator.
Striped visual treatment for activity progress.
Circular SVG progress indicator.
Small inline progress bars for lists.
Decreasing countdown progress with controls.
Multiple file upload progress list.
Labeled skill percentage bars.
Storage usage card with dual labels.
Storage10.2 GB of 15 GB used
68% used32% free
