Progress bar
Also called: progress indicator, loading bar, determinate progress.
A bar that fills up from left to right to show how much of a task is done. Use it when you know how long something will take.
A progress bar shows how much is done, so you know how long to wait.
Idle
Say it in a prompt
Show a progress bar under the file name while it uploads: a 10px rounded track that fills with the accent color from left to right, with the percent on the right. Where it shows up
- Uploading or downloading a file, where a bar fills up and a percent shows how much is done.
You might describe it as
- bar that fills up while uploading
- loading bar with a percentage
- shows how much is left
Not to be confused with
- Spinner
A progress bar shows how far along it is; a spinner only says "wait".