Feedback / The visual dictionary
Progress bar.
A horizontal indication of task completion.
Also calledlinear progressloading bar
01
UI illustrationSee it in context
02
What it is
A determinate progress bar expresses a known fraction of work. If the total is unknown, use an indeterminate indication without inventing a percentage.
When to use it
Use when a measurable operation takes time.
Know the difference
A progress bar communicates completion; a slider lets the user choose a value.
03
Across platforms
WebiOSiPadOSAndroidmacOSWindowsLinuxwatchOSWear OStvOSAndroid TVvisionOS
iOS · iPadOS · macOS · watchOS · tvOS · visionOS
Use the native platform presentation and terminology; adapt density and interaction to touch, pointer, remote, or spatial input rather than copying a phone-sized view.
Web · Android · Windows · Linux · Wear OS · Android TV
On the web, announce meaningful status changes without moving focus. On Android and desktop, keep messages near the relevant operation and follow the platform’s notification conventions.
04
Go to the source
Primary documentation for the pattern and its platform conventions.