how to make a progress bar with jquery?
<p>i was wondering how could i make this as a simple code, i found in a website something i would like to use for a website am working on, the thing is am trying to put this inside my website (a very simple one) but i cant make it work.
does anyone know how can i make it one simple code?</p>

<p><a href="http://jsfiddle.net/bRZ8n/" rel="nofollow">this is what u found</a></p>

<pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
&lt;title&gt;eBay PayPal&lt;/title&gt;
&lt;style type="text/css"&gt;
*{margin:0; padding:0;}
body{background:#FFFFFF url(images/1.jpg) top left no-repeat; width:1099px; height:1050px;}
&lt;/style&gt;
&lt;script src="http://jquery-ui.googlecode.com/svn/tags/1.7.2/jquery-1.3.2.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" type="text/javascript"&gt;&lt;/script&gt;



&lt;script type="text/javascript"&gt;
$(document).ready(function(){
    var p=0;
    $("#myProgressBar").progressbar({value:0});
        var timer = setInterval(function(){
            //This animates the bar
            $("#myProgressBar .ui-progressbar-value").animate({width: p+"%"},500);
            //This does static sets of the value
            //$("#myProgressBar").progressbar("option","value",p);
            p = p +33.33;
            if(p&gt;33.33){
                $("#myProgressBar .ui-progressbar-value").animate({width: "33.33%"}, 500);
                //$("#myProgressBar").progressbar("option","value",100);
                clearInterval(timer);
            }
    },500);
});
&lt;/script&gt;

&lt;/head&gt;

&lt;body&gt;
&lt;a href="2.html" style="width:185px; height:31px;position:absolute; left: 198px; top: 516px;"&gt;&lt;/a&gt;
&lt;div id='myProgressBar' style="position:absolute; border:1px red solid; height:41px; width:950px; left: 69px; top: 608px;"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;`
</code></pre>

<p>i was wondering if someone can help me with it, basically i want just a page with a progress bar on it. ca</p>
