We’re rewarding the question askers & reputations are being recalculated! Read more.

Questions tagged [progress-bar]

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

Filter by
Sorted by
Tagged with
288
votes
6answers
26k 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 was ...
17
votes
6answers
14k 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 ...
74
votes
10answers
8k 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
2answers
2k 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 ...
34
votes
5answers
3k views

At what point should an application change the cursor to an hourglass or display a progress bar?

Our WPF desktop application will be executing various tasks. In general, the average length of time for each task will range from basically instant to a few seconds or longer (possibly minutes). We ...
13
votes
4answers
2k 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 really ...
2
votes
2answers
1k 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 ...
171
votes
8answers
20k views

At what point does a user lose trust in a Busy Spinner?

The first scenario is an action that could take roughly 2–5 seconds to execute once the user has pressed a button. A Busy Spinner will be displayed in the button until the process has been ...
54
votes
10answers
5k 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. ...
45
votes
7answers
11k views

When do users understand that a wizard navigation bar is clickable?

In my web application, I use a wizard navigation bar like the one in the image: While getting feedback from a fellow designer, he asked me if the progress bar is clickable. In my mind, most wizard ...
54
votes
14answers
8k 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 ...
31
votes
10answers
9k 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 ...
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 ...
24
votes
3answers
7k views

Progress - When should I go from 100% to 0%, or vice versa?

I have a web app I'm building for my business which essentially tracks an employee's progress doing a pick in a warehouse. The interface has a progress bar that's colored in, and it's full, and as ...
19
votes
5answers
4k views

How to display zero percent of progress?

I want users of my application to perform 5 exercises a day. I'd like to have a GUI element which shows their current progress, which can be 0,1,2,3,4 or 5. I thought about using something like a ...
13
votes
3answers
5k 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 ...
13
votes
3answers
2k 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 ...
5
votes
1answer
1k views

Are form progress bars when each section has multiple subsections a good idea?

I'm trying to redesign the progress bar of a long application process. It is currently designed with a "top level" progress bar with 6 steps. As the user goes through each step, a separate "sub-level" ...
7
votes
3answers
3k 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) - ...
6
votes
4answers
504 views

Progress bar that allows to understand both current and maximum values

I need to design a health bar for a game, so that the player could guess at a glance not only its relative value (i.e. amount of remaining health compared to its maximum), but also to understand how ...
5
votes
4answers
2k 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 ...
3
votes
2answers
872 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
432 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 ...
0
votes
3answers
190 views

Why add a progress bar on the shopping cart?

10 years ago it was common to see a progress bar on the shopping cart. Nowadays is not so common. Why? Are we still needing to add progress bar on shopping carts? My new shopping cart template.