jquery - Uniformly update jQueryUI Progressbar over N seconds -

given variable n, reflecting number of seconds, i'd have jqueryui progressbar smoothly update being empty reflecting completion on period of time.

in other words, i'd function n_sec_progressbar(n) { ... } shows progressbar, , on n seconds progressbar uniformly advances value of 0 100.

before go ahead , start fiddling settimeout on own, i'd grateful suggestions or direction towards that's been done.

thank reading.

brian

make function this

(function( $ ) {     jquery.fn.fillprogressbar = function(option){     var settings = jquery.extend({         fromvalue : 0,         tovalue : 0,         interval : 1000     },option);      function fillprogressbar(element,initialvalue,tovalue,interval){     //  console.log("out "+initialvalue);         if(initialvalue<=tovalue){         /*  $j(element).progressbar({                 value : initialvalue++             });*/             $j(element).progressbar( "value", initialvalue++ );         //  console.log(initialvalue);             settimeout(function(){                 fillprogressbar(element,initialvalue,tovalue,interval);             }, parseint(interval/tovalue));         //  console.log("in "+initialvalue);          }     }     fillprogressbar(this,settings.fromvalue,settings.tovalue,settings.interval);     return this; };})( jquery ); 

and make calls as

$j("#progressbar").progressbar({     value:0 });  $j("#progressbar").fillprogressbar({tovalue : progressbarvalue,     interval : 1000});