Stack Overflow
Stack Overflow

Questions tagged [jquery-ui-progressbar]

jQuery UI's Progressbar widget displays the current status of a determinate or indeterminate process (e.g. progress with loading an HTML page).

jQuery UI's Progressbar widget displays the current status of a determinate or indeterminate process (e.g. progress with loading an HTML page).

The progress bar is designed to display the current percent complete for a process. The bar itself is coded to be flexibly sized through CSS, and will scale to fit inside its parent container by default.

References

41 questions
10
votes
3 answers

jquery ui.progressbar label - Change text color on background passing letter

I have added a label to the jquery ui progressbar using this demo. What I want to do is change the text color depending on if the progress bar is behind the letter. How can I tell if that has happened?
Hailwood
  • 89,623
  • 107
  • 270
  • 423
9
votes
1 answer

Am I monkeypatching jQueryUI ProgressBar correctly in this example?

I've got a full bore copy of jQuery UI in the app, so it doesn't matter if I'm loading from the CDN or locally, all I know is it's loaded. (because if we load from the CDN our only option is to monkeypatch the live version, yes?) I see from:…
jcolebrand
  • 15,889
  • 12
  • 75
  • 121
6
votes
3 answers

Is it possible to change the height on a jquery ui progressbar

I have a progress bar in a html table cell. It seems to expand to the width of the table cell but i want to explicitly specify the height of the progress bar. Is it possible to specify the height of a jQuery progress bar? $(this).progressbar({ …
leora
  • 188,729
  • 360
  • 878
  • 1,366
4
votes
4 answers

jQuery UI Progressbar direction change

The default direction of the jQuery UI Progressbar is from left to right. How do I change it so that it moves from right to left on completion? Below is an example of what I am trying to achieve.
Julian
  • 1,853
  • 5
  • 27
  • 48
3
votes
1 answer

Automated jQuery Progress Bar

today I was implementing jQuery Progress-bars on a web-page. I needed to implement about 30 progress bars on the same page. Its code goes like this $( "#progressbar" ).progressbar({ value: 80 }); which displays a progress bar 80% full on the below…
foxybagga
  • 4,184
  • 2
  • 34
  • 31
3
votes
0 answers

jQuery multi-colored progress bar

This is not so much a question rather than information I wish to share in the hopes that it may help others with jQuery progress bars. I was recently asked to create a progress bar that would display the number of days left in a given quarter of…
Bob Tate
  • 1,381
  • 9
  • 21
3
votes
1 answer

jquery : progress bar show in html

my progress bar is working perfect when i write value into my html but it it dont work when i pass value from jquery .. e.g $('#progresslevel').html(data); right now i have this html in which if i insert value into my progress bar it works …
hellosheikh
  • 2,929
  • 8
  • 49
  • 115
2
votes
2 answers

How to link an undefined number of input type="hidden" to some progress bar of JQuery UI?

I need to link an undefined number of input type="hidden" to some progress bar of JQuery UI (http://jqueryui.com/demos/progressbar/). I never have the same number of hidden and progress bar for each user i use. (If i have 5 user, i will have 5…
Charles Lemarier
  • 181
  • 1
  • 1
  • 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

MVC Progress Bar using http Post

I am using Microsoft MVC I have written a view that uploads files to the Amazon S3 API. I would like a progress bar in my view to show the progress of the processing of that action in my controller not the uploading of the file in particular. I have…
StantonR
  • 21
  • 1
  • 2
2
votes
1 answer

showing Progress bar on long running for loops in IE

I have a JSON array with around 2000 records and I need to build a table to display the data from these records.As it has large amount of data the processing may cause the browser to freeze.So I was asked to display a progress bar indicating the…
Intruder
  • 147
  • 1
  • 12
2
votes
2 answers

Can't assign actual value to jQuery UI Progress bar

I have an issue with jQuery UI Progress bars. I got multiple progress bars on my page (for stacked progress bars indicating a multi-step progress) and I have the following code to initiate the progress bar and assign the value : function…
Ali Tabibzadeh
  • 193
  • 1
  • 2
  • 13
2
votes
2 answers

Strange thing using jQuery progressbar

I'm trying to use just a single color in jQuery progressbar, but it fill the whole div. Here's the problem, i just use these functions. $(document).ready(function(){ $("#progressbar").css({ "background": '#FF0000' }); …
user1738957
1
vote
0 answers

jQuery UI Tabs and jQuery UI Progressbar

I want to make a content slider with jQuery UI Tabs (with "rotate" opion enabled and some fx to fade-in / fade-out tab content). Plus, I want to integrate jQuery UI Progressbar into tabs, so that it animates while the tab is being displayed. I made…
Adrian
  • 337
  • 1
  • 5
  • 15
1
vote
1 answer

How to show progress bar in adobe air app?

I'm trying to show a progress bar in adobe air app, but having problems. I'm using jquery ui progress bar, but the progress bar isn't being shown and I don't know why. I'm trying the simple example shown in the jquery demo site, create a div with…
dchhetri
  • 6,926
  • 4
  • 43
  • 56
1
2 3