Home › Data Display › Progress bar
Progress bar
A horizontal bar that fills up to show task progress.
A progress bar visualizes how far along something is — a file upload, a multi-step form, a profile completion. The bar starts empty and fills toward the right as work progresses.
Show the percentage as a number too when accuracy matters. For tasks where you cannot estimate the end (loading, syncing), use an indeterminate animated bar instead of a fake progress.