Progress Bar

<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#874040, #874040]">   

   

    <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>