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

3
votes
2answers
342 views

What are some iPhone app examples that successfully use progress indicators [closed]

I am designing a iPhone app and the main function of the app is a 3 step process (steps most likely don't happen all at once (there could be a period of time between steps, unlike a signup flow). I ...
3
votes
4answers
182 views

How to show that a bar is loading?

I'm building a game. Each character has an energy bar. It's red when it's in the low, and green when it's full. I'd like to make it obvious for the user to see that the bar is progressing ( getting ...
9
votes
2answers
748 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 ...
4
votes
2answers
610 views

UI pattern for showing progress of concurrent tasks?

This is in the context of a desktop application. Typically if you fire off a request to some back end server then it is nice to be able to show some sort of progress indicator in say the status with ...
4
votes
4answers
142 views

Visualization of a resource with multiple competitors

In a game I am working on, the goal is to gather a specific percentage of some limited resource. Additionaly, players can shoot each other, resulting in a permanent loss of some amount of this ...
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 ...
11
votes
6answers
4k 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 ...
11
votes
4answers
1k views

Using progress bars in long web forms: motivating or demotivating?

I've been going through the jQuery demos to determine which UI widgets could be used to help optimise our user's journeys through our web forms. One such widget is the progress bar, but it raises a ...