title: how to make a progress bar with jquery?
body: <p>I was wondering how I could make this as a simple code. I found something in a website I would like to use for a website I am working on. The thing is I am trying to put this inside my website (a very simple one) but I can't make it work.<br>
  Does anyone know how I can make it one simple code?</p>
  
  <p><a href="http://jsfiddle.net/bRZ8n/" rel="nofollow noreferrer">This is what I 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>