An interface element that indicates the progress of process by filling a percentage of a shape (usually a rectangle or a bar) with a color. The percent of the bar that is filled reflects the progress (If the action is 25% complete, the progress bar will be 25% full).
10
votes
6answers
2k views
How do you indicate progress to users in a multi-step form?
What do you think of the following form design which I've prepared?
there's a progress bar in the top
on the right side the steps are listed, and every time the current state is indicated by ...
160
votes
4answers
7k views
Why do progress bars animate backwards?
Gmail's new loading bar drew my attention to this today:
The colored pattern inside the bar animates from right to left.
The Mac OS progress bars do the same:
Is there a reason for this? If I ...
55
votes
10answers
3k views
Why are progress bars horizontal?
Question sparked by this discussion.
Why are progress bars almost always presented as horizontal lines that increase from left to right? Is this the best method of indicating progress (and why)? And ...
21
votes
2answers
1k views
Do progress bars help completion rates?
I'm expanding on a question I posed in comments on How do you indicate progress to users in a multi-step form?.
Roland made the comment "because everybody wants to reach 100% percent" when discussing ...
12
votes
7answers
1k views
Progress Bars - Why are they never “useful”?
I'm sure many people have noticed this before and I can't be the only one to be annoyed by this, but progress bars (I'm referring typically to those that display the progress of the execution of ...
5
votes
3answers
500 views
Jumping progress bar or running process indicator?
I'm developing a process with a predefined number of steps to complete so while process is running I can know how far the process has gotten and how much is there still to be done.
My process ...
