The HTML markup for a wijprogressbar widget looks like this.

Drop down to view markup

<div id="progressbar" style="width:50px;height:300px"></div>

You can initialize the widget with the following jQuery script.

Drop down to view script

<script id="scriptInit" type="text/javascript">
    $(document).ready(function () {
        $("#progressbar").wijprogressbar({ 
            value: 75, 
            fillDirection: "north" 
        });
    });
</script>

The markup and script featured here results in the following live widget. Reload the page to see the animation.

See Also

Reference