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

2
votes
4answers
126 views

Progress bars over 100%

Does anyone have any advice or examples of what to do with a progress bar that exceeds 100%. I am working on a progress bar to indicate the status of an item. At 100% a deficiency is created for ...
1
vote
1answer
66 views

Dynamic Progress Indicator

I am currently working on a responsive web app and am having some issues designing a progress indicator that I am happy with. The app is a workflow based tool which works by displaying cards ...
2
votes
1answer
103 views

How to design a progress tracker for a mobile environment?

I currently have a web form that is designed for full screen desktop/laptop/tablet displays. As it is a multi-step form, there is a progress progress tracker at the top of the page, highly designed ...
1
vote
1answer
90 views

How to present overdue items in a progress tracker

I'm working on a mobile app that helps users track the tasks they have planned for each project. The states (status) of the tasks are: Not Started, In Progress, Completed, and Overdue. I thought I ...
0
votes
2answers
45 views

How to represent, in a dot-progress-bar “Finished, Next, Future” items [duplicate]

I'm working on some educational software (for adults). Part of a lesson involves moving from one step to the next. So we have a next step button. I want to show the user: How many steps there are ...
1
vote
1answer
212 views

Animated striped progress bar?

Having animated stripes on a progress bar might be useful to indicate that the system is still running and the computer did not hang up. Should the stripes be on the entire progress bar (with ...
1
vote
2answers
151 views

Wait cursor and progress showing time for long running tasks

I have a long running tasks in my desktop application. Sometimes tasks complete in 1-2-3 seconds and it does not sense to display big progress bar to an user because of the showing progress panel time ...
2
votes
2answers
150 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 ...
2
votes
2answers
110 views

Progress of incoming bus

I am trying to design an app that shows the amount of time until buses arrive at a given stop. Originally I had something like this in mind: But I was wondering if something more graphical would ...
2
votes
2answers
262 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 ...
0
votes
3answers
109 views

Speed of loading panel

So, I've been wondering what would be the best technique when users are facing a loading panel. When we're not sure how long an action would take, it's common practice to use marquee progress bars or ...
1
vote
1answer
117 views

Notifications - static, dynamic and interactive in a single place?

I am developing a web application that, in a nutshell, does the following: it takes something from A, does an operation with it and place the output in B, just like a converter. This process can be ...
9
votes
7answers
531 views

Showing excess usage in a progress bar

I am working on a web app and would like to display the amount of transfer (bandwidth) that the user has used for that billing period. They are given a certain amount of bandwidth per billing period. ...
49
votes
8answers
3k views

Should I fill empty space in bars?

It's about bar-charts in a table. Every row has a bar, which visualises a value of the row. The biggest value of the whole table is the maximum of the bars and not necessarily on the same ...
4
votes
3answers
209 views

Long loading bar vs. short loading bar?

When I have thought of this, I would think a longer loading bar is more enjoyable to the user, because even though whatever the are downloading/loading isn't happening faster, it seems to be happening ...
2
votes
1answer
132 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 ...
21
votes
3answers
705 views

Is it a bad idea to have two progress bars in one dialog?

Discussing with my team-mates this morning but we're not sure which one is the best way. Scenario: When users select a single document to process, they will see a progress bar and text displaying its ...
14
votes
4answers
1k views

Can a visual progress bar be used as a navigational element?

We're having a bit of a debate here among teammates as to what would be a better UX solution, so I was hoping you guys could help me settle this. We have a linear flow through a data-collection ...
5
votes
3answers
359 views

Battery - what percentage range to use for each color?

I need to display battery with 3 colors: green, orange (or yellow?) and red. This device's battery (like iPad, iPhone etc..) with a battery life of up to two days. What percentage range to use for ...
5
votes
4answers
246 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 ...
19
votes
3answers
619 views

How to show progress towards goal?

On our intranet we display some numbers for our employees so they can keep track of their performance goals. Currently it's just a table. We'd like something more visual, and this was the first ...
5
votes
3answers
167 views

How should I alter my programs progress bar?

An application I have just been asked 'to take care of' has some interesting code features. One is that when it is loading up the login screen, it displays a 'splash' with a progress bar. This splash ...
23
votes
7answers
1k views

Should progress bars show percentage

In the application I am designing we are currently just displaying a circle that rotates clockwise from gray to green. Inside the circle is a number indicating where in the process it is (20, 50, 90). ...
9
votes
4answers
850 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 ...
46
votes
10answers
2k 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. ...
2
votes
1answer
144 views

Signing up for a site. Finishing progress after step 1 of 4. What/How to indicate?

EDIT: Screenshots will be added soon to better explain the problem I got a four step progress on a website signup page and have a 4 stepped progress bar to indicate where the user is currently at: ...
16
votes
4answers
1k views

Showing progress for a long many-step process with a discrete progress bar?

I've got a desktop-focused web application where the user is going to be initiating tasks that take a long time. Sometimes, these tasks will take hours to complete (users don't have to do anything ...
4
votes
4answers
563 views

Alternatives to the progress bar

I'm designing a website which elements that have a "progress" property, a bit like change.org or KickStarter. Both of these websites use the classic progress bar. We would like to innovate. What are ...
2
votes
4answers
421 views

What's the cleanest option for a loading indicator in a login dialog?

I have a login dialog for a desktop application, something like this: download bmml source – Wireframes created with Balsamiq Mockups When the user clicks on Login, the color of the ...
1
vote
4answers
438 views

How should I display a “please wait” animation?

I have to create a "please wait" page on our website. I would think you usually put the words "please wait" with some kind of spinning animation, but do I really need text? Doesn't an hourglass or ...
6
votes
3answers
205 views

How to handle long processing task in UI?

We have a Desktop based WinForms application. Application performs some very complex logic in database and is bound to take long time. By long time i mean it will take anything from 1 min to 20 min ...
6
votes
2answers
341 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) - ...
8
votes
7answers
598 views

Conveying progress for a set of items each with 2 stages

I think I have an issue with the hierarchy of information in trying to convey progress to a user. On the dashboard of a non-profit dashboard I have the following option: The organisation deal with ...
13
votes
3answers
327 views

A single, long load - or multiple short loads, which would provide a better experience?

I have a very large, modular web application. When it starts I can do things one of three ways: A moderately long load time (about 60 seconds) to fetch all of the modules from the server (presented ...
58
votes
10answers
4k 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 ...
7
votes
2answers
557 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 ...
2
votes
3answers
146 views

How mixed percentage bars should be?

By mixed percentage bars, I mean something like the "likes bar" in youtube, with a left percentage bar, a right percentage bar, and maybe a separator: Should they be like: ...
1
vote
1answer
124 views

From which direction should a modal progress bar enter the scene?

I have a form to create a new Widget. After the user presses "Create," a modal progress bar appears and shows the user the status of the background process that saves the Widget. How should the modal ...
4
votes
2answers
206 views

When shortening time expressions in progress dialogs, should they be rounded up or down?

When a user executes any prolonged task, including downloading large files or copying many files, an interface such as the one below is typically displayed to keep the user informed of the progress. ...
0
votes
2answers
230 views

Confirmation screen after e-mail verification part of multi step process or not?

I am designing a multistep proces that nicely shows the user which step he is in. Between the second to last and the last step the user needs to click on a confirmation link send via e-mail. My ...
1
vote
2answers
120 views

How do you treat overview and detail pages when displaying a progress bar?

I have a progress bar at the top of all pages in a signup process: Personal details > Contact details > Choose membership package > Buy > Finish The order of these steps is fixed but I ...
8
votes
1answer
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 ...
15
votes
5answers
987 views

Displaying wait indicator for a long running task — which sometimes completes quickly

In a web application I am working on there are some actions which usually take a few seconds or longer, depending on typical variables (connection speed, PC speed, amount of data involved, host load, ...
11
votes
6answers
473 views

What gives the impression of faster progress: progress bar or countdown?

Any thoughts on what would be a more effective progress indicator: a progress bar or a countdown? I've seen both used and get the feeling that with the countdown, time seems to pass faster.
194
votes
4answers
11k 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 ...
-1
votes
2answers
4k views

Gallery of form Progress Tracker UIs for web apps? [closed]

I'm building web UI for a "wizard" workflow with 4 sequential steps-- users proceed in order from Step 1 through Step 4. I'd like to include a progress indicator showing the user where in the ...
0
votes
2answers
962 views

How can I display progress through a multi-step wise process to be carried out by user? (Smartphones / Tablets) [duplicate]

Possible Duplicate: How do you indicate progress to users in a multi-step form? What is the best way to display progress in a multi-step process (for e.g. linear filling various forms) on ...
4
votes
7answers
417 views

Progress Indicator suggestions for multithreaded operations?

In the old version of our application, the operations performed during loading were sequential. We indicated progress by updating a single-line text string with the component that was being loaded. ...
5
votes
3answers
671 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 ...
16
votes
7answers
2k 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 ...