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

Android Progress Bar Removing the default padding

I am currently using a progressbar in my app, and at the top & bottom there's a padding that I want to remove. not sure it's even actually a padding.. you can see in the image below that there's white spaces above and below the pb itself. Tried…
JozeRi
  • 3,219
  • 6
  • 27
  • 45
2
votes
1 answer

how to show progress value in React

this image after set state progressI try to use progress bar to show percentage while uploading image but is not working (it's only show on console.log()) fileuploadHandler = () => { const storageRef =…
2
votes
2 answers

How do i catch the MPMoviePlayer progressbar track event on the iphone

In my application i am using MPMoviePlayerController for playing the video.I want to take the event when the user trying to skip the movie(track the progressbar). before that just clarify my doubt,is there a possibility to getting the event when the…
mareeswaran
  • 227
  • 2
  • 9
2
votes
1 answer

Add limit bar on my progress circle with progressbar.js

I got a circle bar like this example : JsFiddle and I would like to add a limit bar like this : Circle Bar But I want a limit bar alterable with a value like with : "bar.animate(value);" for the blue bar. How can I proceed to make this ? Thanks in…
Pinache
  • 23
  • 4
2
votes
1 answer

How to change progress bar style of uploadify

How can I change the CSS style of progress upload bars and backgrounds in uploadify?
Jay
  • 10,831
  • 9
  • 26
  • 33
2
votes
1 answer

Vertical Stacked Progress Bars With Two Colors

I am trying to create a progress tracker based on completion, attempted & total count using bootstrap but not able to make two colors in the single progress bar Does anyone know how I can achieve like below progress tracker?
Rahul Chipad
  • 2,373
  • 17
  • 20
2
votes
1 answer

How to increase the size (thickness) of a vaadin progressbar

How am i able to increase the height(thickness) of a vaadin progressbar- 7.6.3. And also how can i display the values which are progressed. For example in the middle of a progressbar showing how much is done and how much is remaining. I have tried…
user9630935
  • 349
  • 1
  • 4
  • 18
2
votes
1 answer

Update Tkinter progress bar

I've made a python script for downloading a number of files from a website and I'd like to make a progress bar in Tkinter which should update as each file is saved to the computer. I've seen some examples using OOP but I'm still getting to grips…
kynnemall
  • 855
  • 9
  • 26
2
votes
1 answer

Android - progressbar or seekbar or?

I need to show values on a horizontal bar like a bar graph. the values are coming from a database. I have a XML layout now showing the value and max and percent. Like this: 10 / 100 10% But that is pretty boring and doesn't really jump out at…
Mark Worsnop
  • 4,407
  • 15
  • 54
  • 79
2
votes
1 answer

MacOS create a ProgressBar on StatusBar

I'm looking for a way to put a ProgressBar onto the Mac status bar as a button. I want to have something like this: or What I can do is this: let statusItem = NSStatusBar.system.statusItem(withLength:NSStatusItem.variableLength) [...] …
Cemal K
  • 96
  • 8
2
votes
1 answer

Bulma progress text in middle

Why when I use progress from Bulma CSS framework (https://bulma.io/documentation/elements/progress/) and I put text between tags, I don't see any value. 90% How add text on middle…
Karter
  • 43
  • 1
  • 8
2
votes
0 answers

CSS3 indeterminate progress bar that don't freezes

What I'm trying to achieve is an indeterminate progress bar that do not freeze when executing background tasks. I already tried the following ways and all of them causes the progress bar to stop its animation whenever I do another heavy…
Diosney
  • 10,520
  • 15
  • 66
  • 111
2
votes
2 answers

jQuery Progress bar with ASP.NET Web Forms

I am attempting to use a jQuery progress bar in my ASP.NET Web Forms application. My goal is this: A user clicks a button, which then by ajax sends off a request which does a bunch of stuff (i.e. generating some PDFs) Since this PDF generation is a…
Justin Rassier
  • 898
  • 12
  • 26
2
votes
1 answer

How do we display a progress bar in C# for a button click event in WebForm?

I have a button click event which does a lengthy function and takes time. So i want to display a progress bar. Can you let me know how can I do it. I am very new to .NEt .. any help appreciated Thanks in Advance, Amritha
Manasa
  • 183
  • 1
  • 2
  • 9
2
votes
1 answer

C++ - display progress bar when using std::async

So I'm working on a ray-tracer, and in order to reduce rendering time, I used std::async to do pixel calculations independently. I used this tutorial, and everything works great, and indeed I was able to save about 70% in rendering time. Still,…
Alonbs
  • 259
  • 1
  • 11
1 2 3
99
100