<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="top"
    horizontalAlign="center" backgroundGradientColors="[0x000000,0x323232]" paddingTop="0" viewSourceURL="srcview/index.html">
 
    <mx:Script>
        <![CDATA[
 
          private var j:uint=10;
 
          // Event handler function to set the value of the 
          // ProgressBar control.
          private function runit():void
          {
              if(j<=100)
              {
                 bar.setProgress(j,100);
                 bar.label= "CurrentProgress" + " " + j + "%";
                 j+=10;
              }
              if(j>100)
              {
                 j=0;
              }
          }
        ]]>    
    </mx:Script>
 
    <mx:Panel title="ProgressBar Control" layout="vertical" color="0xffffff" borderAlpha="0.15"
         paddingTop="10" paddingRight="10" paddingBottom="10" paddingLeft="10" horizontalAlign="center">
 
         <mx:Label width="100%" color="0x323232"
            text="Click the button to increment the progress bar." />
        <mx:Button id="Speed" label="Run" click="runit();" color="0x323232"/>
 
        <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#EE1122" minimum="0" visible="true" maximum="100"
             color="0x323232"    label="CurrentProgress 0%" direction="right" mode="manual" width="100%"/>
 
    </mx:Panel>
</mx:Application>