Questions tagged [progress-bar]

A progress bar is a component in a graphical user interface used to convey the progress of a task, such as a download or file transfer.

A progress bar is a component in a graphical user interface used to convey the progress of a task, such as a download or file transfer. The graphic is often displayed as a bar which illustrates the task percentage complete. Descriptive textual information may accompany the bar.

enter image description here

Typically, determinate progress bars use a linear function, such that the advancement of a progress bar is directly proportional to the amount of work that has been completed. However, varying disk, memory, processor, bandwidth and other factors complicate this estimate. Consequently, progress bars often exhibit non-linear behaviors, such as acceleration, deceleration, and pauses. These behaviors, coupled with humans' non-linear perception of time passing, produces a variable perception of how long progress bars take to complete. However, this also means progress bars can be designed to "feel" faster. Finally, the graphical design of progress bars has also been shown to influence humans' perception of duration

Indeterminate progress bars, on the other hand, provide a simple animation (often in the for of a spinning ring or an horglass).
These are meant to indicate that an operation is currently running, but it's not known when it will be over.

They may look similar to this:

enter image description here

7560 questions
31
votes
8 answers

Progressbar foreground color

Does anybody know how to change the foreground color of a WPF-Progressbar. It always seems to be merged with green.
Morvader
  • 2,317
  • 3
  • 31
  • 44
31
votes
9 answers

Keras verbose training progress bar writing a new line on each batch issue

running a Dense feed-forward neural net in Keras. there are class_weights for two outputs, and sample_weights for a third output. fore some reason it prints the progress verbose display for each batch calculated, and not updating the print on the…
Natanel Davidovits
  • 331
  • 1
  • 3
  • 6
31
votes
4 answers

Circular progress indicator with jQuery

I need circular progress indicator. How should I implement this? What I'm looking for is what jQuery UI has in their planning page, but its not yet implemented. I'm just curious if anyone has implemented this before. See item 6 in following…
newbie
  • 24,286
  • 80
  • 201
  • 301
30
votes
3 answers

Progress bar with dynamic text & text color update

I've a progressbar whose text changes dynamically. I want to update the appearance of it such that as soon as progress comes over text then text color should update. Something like this. I need text color of text (black) appearing above blue…
Rohit
  • 6,365
  • 14
  • 59
  • 90
30
votes
14 answers

Angular - Material: Progressbar custom color?

I am now trying for hours. I use Material2 and simply want to change the color of the progress-bar. I know there are those themes (primary/accent/warn) but I want to have a custom color (green) for my progressbar. I already tried the weirdest…
Mka24
  • 369
  • 1
  • 3
  • 8
30
votes
3 answers

How do I use Android ProgressBar in determinate mode?

I am writing a media player and i would like to have a progress bar showing the progress of the song. I found the ProgressBar class, but all i can get on the screen is a circular spinning icon. what im looking for is an actual bar. How do i change…
mtmurdock
  • 12,756
  • 21
  • 65
  • 108
30
votes
10 answers

File Upload with Java (with progress bar)

I'm extremely new to Java, and have mostly just been teaching myself as I go, so I've started building an applet. I'd like to make one that can select a file from the local disk and upload it as a multipart/form-data POST request but with a progress…
soapergem
  • 9,263
  • 18
  • 96
  • 152
29
votes
5 answers

Make/makefile progress indication!

Look at this makefile, it has some sort of primitive progress indication (could have been a progress bar). Please give me suggestions/comments on it! # BUILD is initially undefined ifndef BUILD # max equals 256 x's sixteen := x x x x x x x x x x…
Giovanni Funchal
  • 8,934
  • 13
  • 61
  • 110
29
votes
8 answers

Right to Left ProgressBar?

Does anyone know how to make a View reversed, I have a horizontal ProgressBar and I want it to right to left instead of left to right
Niko
  • 462
  • 1
  • 6
  • 13
29
votes
5 answers

Python urllib2 Progress Hook

I am trying to create a download progress bar in python using the urllib2 http client. I've looked through the API (and on google) and it seems that urllib2 does not allow you to register progress hooks. However the older deprecated urllib does have…
speedplane
  • 15,673
  • 16
  • 86
  • 138
28
votes
4 answers

Asynchronous File Download with Progress Bar

I am attempting to have a progress bar's progress change as the WebClient download progress changes. This code still downloads the file yet when I call startDownload() the window freezes as it downloads the file. I would like for the user to be able…
Josh Ferrara
  • 757
  • 2
  • 9
  • 25
28
votes
4 answers

How can we show progress bar for upload with FtpWebRequest

I am uploading files to ftp using FtpWebRequest. I need to show the status that how much is done. So far my code is: public void Upload(string filename, string url) { FileInfo fileInf = new FileInfo(filename); string uri = "ftp://" + url +…
user785039
28
votes
3 answers

How to display data label inside HTML5 progress bar? (cross-browser)

I have a styled HTML5 progress bar for which I would like to show the data label inside the progress bar cross-browser compatible. Currently it is displayed above the progress bar. HTML:
user6655274
28
votes
5 answers

Android round edges on ring shaped progressbar

I'm trying to make a circular progress bar on android and it seems pretty straightforward task , but I'm struggling with rounding the edges of the progress and secondary progress. Is there a way to do that without making a custom view ? Using a…
moujib
  • 742
  • 2
  • 7
  • 26
28
votes
0 answers

Circular / radial progress bar

Do you know of any jQuery plugins or CSS techniques for creating a circular / radial progress bar, such as:
user1482003
  • 305
  • 1
  • 3
  • 3