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).

learn more… | top users | synonyms

12
votes
6answers
5k 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 ...
203
votes
4answers
13k 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 ...
61
votes
10answers
5k 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 ...
9
votes
4answers
947 views

Is it bad UX to omit a progress indicator?

Background: Stack Exchange now lets you paste images from the clipboard into the image upload dialog. Unfortunately, there is no indication that an upload is going on. I am wondering if this is ...
2
votes
2answers
205 views

Indicating current step in progress bars

We're planning on integrating some kind of progress bar in a multi-step process. Our developers figured it would make sense that on step 4 of 9, 3/9ths of the bar would be filled in to show how ...
46
votes
10answers
3k views

How to make a progress-speed bar more understandable?

I've just installed Windows 8 and noticed the brand new File copying dialog. When expanded, it shows the progress and the current transfer speed in one graph. However, the graph confuses me greatly. ...
47
votes
14answers
6k views

Should a progressbar go both ways?

I'm developing a long-running algorithm and want to give my users an idea of what is the current state of the calculation. I thought of adding a progress bar indicating the percentage of all the ...
21
votes
2answers
2k 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 ...
20
votes
9answers
3k 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 ...
9
votes
3answers
2k views

Indeterminate Progress Indicator Styles

When you have an operation that has too many factors to reliably give an estimate of actual progress towards task completion, you'll often find an indeterminate busy/progress indicator. Through the ...
9
votes
2answers
852 views

What is the name for the technique used on Yammer, LinkedIn etc profile pages?

The technique I mean is where the profile page will say "You have completed 60% of your profile, fill in your x, y and z to get to 100%." I think this is a very powerful technique but I can't remember ...
8
votes
2answers
707 views

How to deal with variable number of steps in discrete progress bar?

We have an application that various other departments will use to create questionnaires. These questionnaires can hide or show extra questions based on responses to previous questions. When creating ...
6
votes
2answers
447 views

Multipart progress / status bar colours

I am working on an application that needs to show users their currents status / progress in performing a task on a number of items. There are three states that each item can have: New (blue) - ...
5
votes
3answers
737 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 ...
2
votes
2answers
363 views

Is there any public research on effectiveness of activity indicators, progress bars, and progressive loading?

Activity indicators (spinning wheel) and progress bars are very common across many applications. A new approach I have noticed is when an application shows the containers of the page or content ...
2
votes
1answer
157 views

What is an effective way to present System Update Progress to a user that also lowers frustration?

I am working on an app that starts installing any pending updates when a user logs off the (Windows) workstation. The finished app will look like this (minus 'button1'): Our branding is in the ...