Changing jquery ui progress bar values

Question

I am trying to change the values ​​of a progress bar widget to accept the json string that I get, something like:

{ 'totalDays' : 31, 'daysTaken' : 20 } 

so I want “totalDays” to be the total value of the progress bar (total length) and “daysTaken” to populate the progress bar.

according to the default documents, you can only change the filled value:

 $(document).ready(function() { $("#progressbar").progressbar({ value: 37 }); }); 

Answer 1

There is a separate way to set the value after init.

 var obj = {totalDays: 31, daysTaken: 20}; $("#progressbar").progressbar('value', obj.daysTaken/obj.totalDays * 100); 

There is no configurable maximum value, but it really is not necessary, as it easily normalizes values.

http://jqueryui.com/demos/progressbar/

Answer 2

This is how you set the jquery-ui execution step value

 $( ".selector" ).progressbar( "option", "value", 37 ); 

Source, documentation at http://jqueryui.com/demos/progressbar/#option-value