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
1
vote
1 answer

how to show a progress bar in the jsp page representing the execution of a java servlet

I came across my posts which answer this question.But i am not able get an idea of how i can implement in my program.My requirement is as follows. from a jsp page i call a servlet using ajax call: $(document).on('click' , '#gettopevents' ,…
vignesh
  • 498
  • 8
  • 18
1
vote
2 answers

jquery-ui : detect first time change in input

I was trying to make jquery-ui progress bar which shows progress with filling inputs in form. My code is as following: html:
//form and inputs script: $(document).ready(function(){ var…
Krupal Shah
  • 8,949
  • 11
  • 57
  • 93
1
vote
0 answers

Jquery Progress Bar: Issue with implementing progress Bar

I'm having a problem with implementing the progress bar using the jquery UI progressbar widget. The actual bar in the widget is not loading in real time. It just jumps to the end bar when the timer is complete. I'm not sure to why its doing that.…
user3369965
  • 41
  • 4
1
vote
0 answers

AngularJS directive, manipulating the template with JavaScript

I'm trying to implement JQueryUI progressbars through an AngularJS directive, but I'm encountering a slight annoyance, and I feel as though I'm probably just failing in my understanding of the plethora of configuration options available with…
thewatcheruatu
  • 242
  • 2
  • 9
1
vote
3 answers

jQuery UI Indeterminate ProgressBar Not Animating under Ruby on Rails

I'm having trouble making a jQuery UI indeterminate progressbar work properly in a Rails application. I'm basing my work off the jQuery-UI API demos at http://jqueryui.com/progressbar/#indeterminate and am trying to adapt this for my…
ajh
  • 21
  • 1
  • 6
0
votes
1 answer

How to set up a jQuery UI progress bar

I'm trying to display a progress bar while the images on my page load (there are 95). I can get the progress bar to display but only in $(document).ready() { ... } Is this right? And what is the best method for determining the % of images that are…
Danny Bullis
  • 3,043
  • 2
  • 29
  • 35
0
votes
1 answer

Toastr Spinner animation

How to make progress-bar reverse animation left to right? $(document).ready(function() { toastr.options = { 'closeButton': true, 'debug': false, 'newestOnTop': false, 'progressBar': false, …
Divya Kunjir
  • 3
  • 3
0
votes
0 answers

JQuery Multistep Progress-Bar: next_fs Problem

we use a multi-step form with a progressbar. For some reason, the progressbar doesn't add the class="active" to the 2nd step after the first button click, but jumps right to step 5. Can you see my error? $(".next").click(function() { if…
Veit
  • 49
  • 2
  • 9
0
votes
1 answer

Increase size of pie charts (width and height) created by progressbar.js

I am using https://github.com/yxfanxiao/jQuery-plugin-progressbar to draw animated pie charts, using the exact codes below: JS: ; (function ($) { $.fn.loading = function () { var DEFAULTS = { backgroundColor: '#4b86db', …
Eray Balkanli
  • 7,752
  • 11
  • 48
  • 82
0
votes
2 answers

Memory Leaks in jQuery UI

I have a simple page that consists of a table with three jQuery UI progressbars and an ajax call. The ajax calls out to an empty php file and on success I destroy and recreate my progressbars. It seems simple but running it caused memory leaks…
Aaron
0
votes
1 answer

Jquery UI Progressbar filling reduced progress

$.get('jobs', { }, function (responseText) { rt = JSON.parse(responseText); console.log(rt); for (i = 0; i < rt.length; i++) { $("#jobs").append("
Yajat Singh
  • 43
  • 1
  • 1
  • 8
0
votes
1 answer

Jquery UI progressbar is not getting initialized?

I am trying to use jQuery UI progress bar in my web app. But that is not getting displayed. I am using a DWR call to get the upload status. Before using Jquery UI progressbar, i just displayed the status returned from server as just as it is, to…
user405398
0
votes
0 answers

Progress Bar | jQuery UI - JS UI

Currently: Click "Start Download" button "File Download" box displays Download starts Progress indicator begins and runs to 100% Box indicates "Complete" I have been unsuccessful at modifying the code to do the following: Click "Start Download"…
woodlawn_la
  • 15
  • 5
0
votes
1 answer

jQuery Progress Bar: animate-reset-animate

I have a progressbar which is being animated in a mouseover event in the following way: $("#progressbar .ui-progressbar-value").animate({width: 200}, {duration: 3000},'slow') Then in a mouseout event I want to reset the progressbar to its initial…
Konstantin
  • 396
  • 3
  • 19
0
votes
1 answer

JQueryUI Progress Bar doesn't maintain value after update via form submit

I'm trying to set up a JQuery Progress Bar to update when the user submits a form (the final code will be more complex and dynamic, but I'm just trying to learn how the progress bar works first). The simple code that I'm trying to debug…
Bob H
  • 47
  • 6
1
2
3