<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>script.aculo.us functional tests</title>
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  <link type="text/css" rel="stylesheet" href="../../themes/default/theme.css" />
  <link type="text/css" rel="stylesheet" href="css/test.css" />

  <script src="../../lib/prototype.js" type="text/javascript" charset="utf-8"></script>
  <script src="../../dist/s2.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
  
<h1>Progress Bar Tests</h1>

<h2>Standard progress bar</h2>

<div id="progress_bar"></div>


<div class="ui-widget" style="margin-top: 10px">
  <button id="increment">Increment by 5%</button>    
</div> <!-- .ui-widget -->

<script type="text/javascript">
  new S2.UI.Button('increment');
  var progressBar = new S2.UI.ProgressBar('progress_bar');
  
  $('increment').observe('click', function(event) {
    event.stop();
    var progressBar =  $('progress_bar').retrieve('UI.ProgressBar');
    var value = progressBar.getValue();
    progressBar.setValue(value + 5);
  });
</script>

<div class="description">
  <p>A standard progress bar with all the default options.</p>
</div> <!-- .description -->

</body>
</html>
Add progress bar functional tests.
Add progress bar functional tests.
