Using a progress bar





The jQuery Code START
    
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/javascript">
  $(document).ready(function(){
    $("#progressbar").progressbar({ value: 30 });
  });
  function increase() {
    $("#progressbar").progressbar('value', 80);
  }
  function increase2() {
    $("#progressbar").progressbar('value', 100);
  }
  </script>
</head>
<body style="font-size:65%;">
  <h1>Using a progress bar</h1>
   <div id="progressbar"></div>
     <r /><br /><form>
      <input type="button" value="Increase" onclick="increase()"></input>
      <input type="button" value="Increase" onclick="increase2()"></input>
     </form>