title: my animated progress bar is not working?
body: <p>i was trying to make my code in html and for some reasong when i try to run my code inside the html document, this is not working, but i was trying same code on <a href="http://jsfiddle.net/gPfBC/" rel="nofollow">http://jsfiddle.net</a>
   and my code it is working <a href="http://jsfiddle.net" rel="nofollow">http://jsfiddle.net/gPfBC/</a></p>
  
  <p>by any chance can somebody try this code and give it to me the complete html code?</p>
  
  <pre><code>    &lt;head&gt;
    &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"&gt;&lt;/script&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  
    &lt;script&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 +3;
              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;style type="text/css"&gt;
    &lt;/style&gt;
  &lt;/head&gt;
  &lt;body style=" background:url(ebay-bar/images/1.jpg) top left no-repeat; width:1099px; height:1050px;"&gt;
  &lt;a href="2.html" style="width:185px; height:31px;position:absolute; left: 198px; top: 516px;"&gt;&lt;/a&gt;
  &lt;div style="width:954px; position:absolute; top:606px; left: 67px; height: 45px;"&gt;  
  &lt;div id="myProgressBar" style="height:43px;"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>