JQuery Progress bar implementation
<p>I found this Jquery progress bar function and I want to simply use it to show the progress bar while my web page is loading. Since my page is loading a bit slow, it serves as a reminder to the user that the page hasn't stopped loading. Below is the javascript and css part. Now how to implement it in the html part? What do I inlcude in the html body?</p>

<pre><code>&lt;script type="text/javascript" src="js/jquery.progressbar.js"&gt;&lt;/script&gt;
    &lt;script type="text/javascript"&gt;
        var progress_key = '&lt;?= $uuid ?&gt;';

        $(document).ready(function() {
            $("#pb1").progressBar();
            $("#pb2").progressBar({ barImage:  
           'images/progressbg_yellow.gif'} );
            $("#pb3").progressBar({ barImage: 
           'images/progressbg_orange.gif', showText: false} );
            $("#pb4").progressBar(65, { showText: false, barImage: 
           'images/progressbg_red.gif'} );
            $(".pb5").progressBar({ max: '2000', textFormat: 
             'fraction', callback: function(data) { if (data.running_value == 
               data.value) { 
            alert("Callback example: Target reached!"); } }} );
            $("#uploadprogressbar").progressBar();
        });

&lt;/script&gt;
&lt;style type="text/css"&gt;
        table tr { vertical-align: top; }
        table td { padding: 3px; }
        div.contentblock { padding-bottom: 25px; }  
        #uploadprogressbar { display: none; }
&lt;/style&gt;
</code></pre>

<p>Thanks</p>
