以下例子展示Flex中如何使用进度条(ProgressBar)的简单例子
 

<?xml version="1.0"?>    
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()">    
    
    <mx:Script>    
        <![CDATA[    
          private var timer:Timer;  
      
          private var j:uint=10;    
              
          private function init():void {   
                timer = new Timer(100);   
                timer.addEventListener(TimerEvent.TIMER, runit);   
            }   
 
          private function runit(evt:TimerEvent):void    
          {    
              if(j<=100)    
              {    
                 bar.setProgress(j,100);    
                 bar.label= "CurrentProgress" + " " + j + "%";    
                 j+=10;    
              }    
              if(j>100)    
              {    
                 timer.stop();  
              }    
          }    
            
          private function startTimer():void {  
              timer.start();   
          }  
            
        ]]>         
    </mx:Script>    
    
    <mx:Panel title="ProgressBar Control Example" height="75%" width="75%"      
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">    
    
        <mx:Label width="100%" color="blue"    
            text="Click the button ." />    
        <mx:Button id="startBtn" label="Run" click="startTimer();"/>    
                 
        <mx:ProgressBar id="bar" labelPlacement="bottom" themeColor="#00FF00"    
            minimum="0" visible="true" maximum="100" label="CurrentProgress 0%"      
            direction="right" mode="manual" width="100%"/>    
    
    </mx:Panel>    
</mx:Application>