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
27
votes
3 answers

How to remove progressbar in tqdm once the iteration is complete

How can I archive this? from tqdm import tqdm for link in tqdm(links): try: #Do Some Stff except: pass print("Done:") Result:…
request
  • 450
  • 1
  • 4
  • 10
27
votes
5 answers

How can I stop the WPF ProgressBar pulsing/animating when it reaches 100%?

I have an MVVM-based WPF 4 application which uses a ProgressBar to show the percentage completion of a long-running operation.
Tom Robinson
  • 8,348
  • 9
  • 58
  • 102
27
votes
1 answer

asyncio aiohttp progress bar with tqdm

I'm attempting to integrate a tqdm progress bar to monitor POST requests generated with aiohttp in Python 3.5. I have a working progress bar but can't seem to gather results using as_completed(). Pointers gratefully received. Examples I've found…
Bede Constantinides
  • 2,424
  • 3
  • 25
  • 28
26
votes
3 answers

How can I get the same undefined ProgressBar as ICS with 2 rotating circles?

I am currently writing an open source project that aims to port the famous Holo theme to previous versions of Android (since 1,6!!!) Everything works fine and I am really proud of my work, but the problem I am facing now is to get the ProgressBar…
Waza_Be
  • 39,407
  • 49
  • 186
  • 260
26
votes
4 answers

Circular Progress Indicator ignores width/height attributes and doesn't scale

I need to fit 4 circular progress bars horizontally, like this: so I decided to use new material component Circular Progress Indicator (https://material.io/components/progress-indicators/android). I spread chain these 4 progress bar in constrait…
26
votes
2 answers

How do I create a progress bar for data loading in R?

Is it possible to create a progress bar for data loaded into R using load()? For a data analysis project large matrices are being loaded in R from .RData files, which take several minutes to load. I would like to have a progress bar to monitor how…
Nixuz
  • 3,439
  • 4
  • 39
  • 44
26
votes
5 answers

Disabling .NET progressbar animation when changing value?

I realize there are other questions on SO regarding animations and progressbars, but they seem to revolve around getting rid of the animation drawn on top of the progress bar, ie. the highlight that travels over it. What I want to do is to get rid…
Lasse V. Karlsen
  • 380,855
  • 102
  • 628
  • 825
26
votes
5 answers

Show Circular Progress Dialog in Login Screen in Flutter, how to implement progress dialog in flutter?

I have a login form with two textfields 'UserName', 'Password' & a button 'Login'. On tap of login button I am calling an API. I want to show a CircularProgressIndicator during this api call. Progress dialog should show in the centre & top of login…
Poras Bhardwaj
  • 1,073
  • 1
  • 15
  • 33
26
votes
5 answers

How to style an HTML5 Progress Element as Circle/Pie with pure CSS

HTML5 introduced a new "progress" element that by default is rendered as a progress bar (thermometer). A very basic example is: I have been experimenting with a variety of progress circle options using…
techtheatre
  • 5,678
  • 7
  • 31
  • 51
26
votes
6 answers

Display value in jQueryUI ProgressBar

I've set up a simple jQuery UI ProgressBar:
Among other things, I'd…
Thorsten
  • 12,921
  • 17
  • 60
  • 79
26
votes
5 answers

What is the difference between Progressbar and progressDialog?

I have searched everywhere and read the official doc of Google. But I still don't see the difference between them. When should we use ProgressBar and when should we use ProgressDialog?
Mathieu
  • 1,491
  • 5
  • 17
  • 37
25
votes
2 answers

Android - What is a secondary progress in ProgressBar?

Anyone know about the detail? Any website or suggestion?
Shaiful
  • 5,643
  • 5
  • 38
  • 41
25
votes
16 answers

android progressBar does not update progress view/drawable

two Bars which shows the progress of a game. If the user get points or time is up etc the progressBars should be updated: private TextView tv; private ProgressBar levelHoldBar; private ProgressBar levelUpBar; //... private void updateViews() { …
Stuck
  • 11,225
  • 11
  • 59
  • 104
25
votes
4 answers

Animating Bootstrap progress bar width with jQuery

I want to animate a progress bar's width from 0% to 70% over 2.5 seconds. However, the code below immediately changes the width to 70% after a 2.5 second delay. What am I missing? $(".progress-bar").animate({ width: "70%" }, 2500); JSFiddle:…
24
votes
9 answers

Progress bar layout using CSS and HTML

I am trying to achieve UI as shown in the image. However I am having little hard time after trying combinations of positioning now I am clueless. Can someone help me with this?