ProgressBar

When to use

Use for operations taking 10+ seconds where you can estimate completion. Display percentage, steps completed, or time remaining. Start animation slower and accelerate toward completion. avoids disappointing users with speed changes.

Guidelines

• Start slow, finish fast: Accelerate toward completion to feel faster.
• Show percentage or steps: "Uploading 3 of 10 files" is more helpful than a bare bar.
• Never go backwards: A progress bar that decreases destroys trust.

How it works