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
74
votes
5 answers

Tkinter: How to use threads to preventing main event loop from "freezing"

I have a small GUI test with a "Start" button and a Progress bar. The desired behavior is: Click Start Progressbar oscillates for 5 seconds Progressbar stops The observed behavior is the "Start" button freezes for 5 seconds, then a Progressbar is…
Dirty Penguin
  • 4,212
  • 9
  • 45
  • 69
71
votes
8 answers

Android WebView progress bar

I have looked at a question similar to this here but as I am a newbie could someone explain how to get this to work in a WebView or at least how to set a 10 second time delay so people know that it's loading?
Max Marroni
  • 937
  • 1
  • 7
  • 7
66
votes
2 answers

Dynamically change bootstrap progress bar value when checkboxes checked

I'm trying to make a dynamic checklist with bootstrap progress bar. Here's my markup code
65
votes
8 answers

Text on a ProgressBar in WPF

This may be a no-brainer for the WPF cognoscenti, but I'd like to know if there's a simple way to put text on the WPF ProgressBar. To me, an empty progress bar looks naked. That's screen real estate that could carry a message about what is in…
Jacob Proffitt
  • 12,664
  • 3
  • 41
  • 47
63
votes
8 answers

Build Step Progress Bar (css and jquery)

You've seen iterations of this type of progress bar on sites like paypal. How does one go about setting this up using CSS and jquery? I have 4 pages and each page is a step... so 4 steps.
WillingLearner
  • 7,106
  • 6
  • 34
  • 51
63
votes
8 answers

How can I set the color for the progress element?

Is it possible to set the color of the "bar" for the element in HTML (when you specify a value, the bar is filled up to the point of the value)? If so, how? background-color and background don't seem to have any effect. Is the technique…
Rolando
  • 58,640
  • 98
  • 266
  • 407
62
votes
7 answers

How do you create a progress bar when using the "foreach()" function in R?

there are some informative posts on how to create a counter for loops in an R program. However, how do you create a similar function when using the parallelized version with "foreach()"?
exl
  • 1,743
  • 2
  • 18
  • 27
62
votes
7 answers

Display a loading overlay on Android screen

I'm looking to display an overlay over the screen that shows a little loading ticker or possibly even some text whilst my app attempts to log into the server. My login screen is all inside of a vertical linear layout. The effect I'm trying to…
James Monger
  • 10,181
  • 7
  • 62
  • 98
59
votes
11 answers

How can I make a progress bar while copying a directory with cp?

I suppose I could compare the number of files in the source directory to the number of files in the target directory as cp progresses, or perhaps do it with folder size instead? I tried to find examples, but all bash progress bars seem to be written…
octosquidopus
  • 831
  • 3
  • 8
  • 9
59
votes
5 answers

Display a loading bar before the entire page is loaded

I would like to display a loading bar before the entire page is loaded. For now, I'm just using a small delay: $(document).ready(function(){ $('#page').fadeIn(2000); }); The page already uses jQuery. Note: I have tried this, but it didn't work…
Key-Six
  • 2,439
  • 2
  • 26
  • 22
58
votes
4 answers

tqdm progressbar and zip built-in do not work together

tqdm is a Python module to easily print in the console a dynamically updating progressbar. For example from tqdm import tqdm from time import sleep for _ in tqdm(range(10)): sleep(0.1) prints a dynamic progressbar in the console for 1sec as…
Russell Burdt
  • 2,391
  • 2
  • 19
  • 30
58
votes
1 answer

How to make an indeterminate progress bar in WinForms?

How do you make an indeterminate progress bar in a WinForms application? In Silverlight and WPF, you would simply set the ProgressBar's IsIndeterminate property to true. However, this property does not exist in WinForms. How would you create an…
msbg
  • 4,852
  • 11
  • 44
  • 73
57
votes
5 answers

Android Animate Rotate

I did some digging in Android code, and saw the use of in the indeterminate progress bar. after trying to create my own drawable with this tag:
oriharel
  • 10,418
  • 14
  • 48
  • 57
56
votes
11 answers

How to add a border/corner radius to a LinearProgressIndicator in Flutter?

I am trying to add a border radius to a LinearProgressIndicator in Flutter. When I replace the LinearProgressIndicator with another widget (e.g. Text) in the code below, it works, as expected. Container( decoration: new BoxDecoration( …
oemera
  • 3,223
  • 1
  • 19
  • 33
56
votes
10 answers

How to call .ajaxStart() on specific ajax calls

I have some ajax calls on the document of a site that display or hide a progress bar depending on the ajax status $(document).ajaxStart(function(){ $('#ajaxProgress').show(); }); $(document).ajaxStop(function(){ …
kevzettler
  • 4,783
  • 15
  • 58
  • 103