• bbbbbbbbbbbbb

    <style>

    div.smallish-progress-wrapper

          {

            /* Don't change the following lines. */

            position: relative;

            border: 1px solid black;

     border-radius: 10px;

          }

          div.smallish-progress-bar

          {

            /* Don't change the following lines. */

            position: absolute;

            top: 0; left: 0;

            height: 100%;

     border-radius: 10px 0px 0px 10px;

          } 

    div.smallish-progress-text

          {

            /* Don't change the following lines. */

            text-align: center;

            position: relative;

            /* Add your customizations after this line. */

          }

    </style>

    <script type="text/javascript">  

          function drawProgressBar(color, width, percent)  

          {  

            var pixels = width * (percent / 100);  

            document.writ('<div class="smallish-progress-text" style="width: ' + width + 'px">' + percent + '%</div>');  

            document.write('</div>');  

    </script>

     <script type="text/javascript">drawProgressBar('#00FF00', 250, 50);</script>