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

Flask App: Update progress bar while function runs

I'm building a fairly simple WebApp in Flask that performs functions via a website's API. My users fill out a form with their account URL and API token; when they submit the form I have a python script that exports PDFs from their account via the…
FreshCrichard
  • 541
  • 1
  • 5
  • 4
53
votes
10 answers

How to customize the HTML5 input range type looks using CSS?

I want to customize the looks of the range input type in HTML5 to look something like a progress bar. I've tried applying some common CSS attributes using CSS class but it seems that they are not working. Can any one direct me how to customize it??
ptamzz
  • 9,235
  • 31
  • 91
  • 147
52
votes
9 answers

How do I put text on ProgressBar?

I have used ProgressBar Control in my c# desktop application.I have used it in a thread other then the thread in which control has been declared.Its working Fine. Now I am wondering how i can show some text inside progress bar control like…
Sandeep Pathak
  • 10,567
  • 8
  • 45
  • 57
49
votes
9 answers

Show AJAX upload status on progress element

I have an AJAX script to upload a file to a PHP script that is likely to take at least 10 seconds to run. I would like to display progress for it for the user. In the executing class, I have a property $progress which is updated with the progress…
Madara's Ghost
  • 172,118
  • 50
  • 264
  • 308
48
votes
6 answers

Is there way to track progress on a mclapply?

I love the setting .progress = 'text' in plyr's llply. However, it causes my much anxiety to not know how far along an mclapply (from package multicore) is since list items are sent to various cores and then collated at the end. I've been outputting…
Maiasaura
  • 32,226
  • 27
  • 104
  • 108
47
votes
8 answers

Android progressbar in button

Is there any possibility to show a spinning progress bar in a button? e.g. as background drawable?
Fabian
  • 2,693
  • 2
  • 21
  • 33
47
votes
4 answers

Progress Bar with axios

I have to display the upload status of the file using a Progress Bar. I am using axios to make http requests. I followed the example from their github page https://github.com/mzabriskie/axios/blob/master/examples/upload/index.html My code looks like…
Pritam Bohra
  • 3,912
  • 8
  • 41
  • 72
46
votes
3 answers

Put a div on bottom of the screen, not page

I am trying to put a gray bar on the bottom of the screen of my webpage, regardless of the resolution. However, when I try, it seems to just go up or down when I go in a different resolution. Is there any way to fix this? Also, the bar is made out…
Nikolas
  • 537
  • 1
  • 5
  • 7
45
votes
15 answers

How to change default color of progress bar?

I am using a circular ProgressBar in my Activty.My Problem is this it is not visible properly on my page because my page's BG color is same as ProgressBar .So how can I change the color of ProgressBar to make it properly Visible? Please Help
Arun Badole
  • 10,977
  • 19
  • 67
  • 96
45
votes
4 answers

R: Text progress bar in for loop

I have some sample code which contains a for loop and creates some plots like this (my actual data creates several thousands of plots): xy <- structure(list(NAME = structure(c(2L, 3L, 1L, 1L), .Label = c("CISCO","JOHN", "STEPH"), class = "factor"),…
kurdtc
  • 1,551
  • 5
  • 21
  • 39
44
votes
8 answers

Android - displaying text in center of progress bar

I have already made a horizontal progress bar and it works perfectly. I would like to display a textview or something similar right in the middle of it showing a countdown as the bar is loading. Keep in mind its not a progress dialog, progress bar…
ahmad
  • 2,149
  • 4
  • 21
  • 38
43
votes
4 answers

adb push/pull with progress bar

It is really annoying if you adb push/pull large files to the device that there's no way to now how far along it is. Is it possible to run adb push or adb pull and get a progress bar using the 'bar' utility? The main issue here is I think that adb…
darkwings
  • 579
  • 1
  • 4
  • 6
43
votes
3 answers

Is there any way to change the color of text "halfway" through a character on a webpage?

One thing I've seen in some Desktop applications is the ability to change the color of text as the background changes -- to effectively have multiple colors on a single character. I've seen this most commonly with progress bars that display the…
soapergem
  • 9,263
  • 18
  • 96
  • 152
43
votes
2 answers

Show progress of Mercurial push/pull

Is it possible to get Mercurial to show progress of long-running push or pull operation? Google tells me basically "no", but does somebody know better? I was expecting something like hg pull -v...
mmiika
  • 9,970
  • 5
  • 28
  • 34
43
votes
3 answers

Android ProgressBar countdown

I'm making a quiz for Android and I want a limited time to answer every question. So I want to display a ProgressBar under the answers that counts down from, for example, 5 to 0 (seconds). And when it reaches zero I want to do some stuff. I have the…
simtaxman
  • 613
  • 2
  • 11
  • 18