Question

I have the basic jQueryUI progress bar code here;

<script>
    $(function() {
        $("#progressbar").progressbar({
            value: 50,
        });
    });
</script>

And then I have a script page which deals with the current upload progress and feeds it back like so;

document.getElementById('progressbar').innerHTML = iPercentComplete.toString();

That then updates the inner.html of this;

<div id="progressbar">&nbsp;</div>

What I need is for the progress bar to move in line with the value being updated in the progress bar div. Is this possible? If so how? I can also add code to the script.js page if need be.

Thanks!

Answer 1

$( "#progressbar" ).progressbar( "value" , iPercentComplete.toString() );

For Animation see:
How do you animate the value for a jQuery UI progressbar?