Navigation & Inputs · Data Display
Progress Bar
also known as Progress meter
A progress bar is a horizontal track that fills proportionally to show completion of a known task, giving users a sense of how much remains. It is recommended for waits longer than about ten seconds. It works best when the total duration or size is measurable.
See it live — shadcn/ui · MUI · Ant Design
Don't confuse it with
A progress bar shows measurable, determinate progress toward completion; a spinner just indicates activity with no estimate. Use a progress bar for long or quantifiable waits and a spinner for short, unpredictable ones.
In the wild
The bar filling as a file uploads to Dropbox.