title: Using progress bar in asp.net
body: <p>i used the examples given in this <a href="http://docs.jquery.com/UI/Progressbar#source" rel="nofollow">link</a> </p>
  
  <p>here are my code for the .aspx page </p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server"&gt;
  &lt;link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jqueryui.css"
  rel="stylesheet" type="text/css" /&gt;
  
  &lt;script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/jquery1.5/jquery  .min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/jscript"&gt;
  $(document).ready(function() {
  $("#progressbar").progressbar({ value: 37 });
  });
  &lt;/script&gt;
  
  &lt;/asp:Content&gt;
  </code></pre>
  
  <p>and the div for the progress bar is this one </p>
  
  <pre><code>&lt;div style="margin-left: 10px; margin-right: 10px;" id="progressbar"&gt;    &lt;/div&gt;
  </code></pre>
  
  <p>i tried to follow the instructions given on the source page but nothing worked. can you tell me what i am missing here? thanx in advance. (Fixed this part.i made a mistake at placing my contntentplaceholder)</p>
  
  <p>EDIT: how can i change the value in a way so that it animates when i press a button.... the button's code in the page is as follows :</p>
  
  <pre><code>&lt;asp:Button ID="btnConfirm" CssClass="button" SkinID="Common" runat="server"Text="Confirm"OnClick="btnConfirm_Click" /&gt;
  </code></pre>