Flex中设置进度条(ProgressBar)完成时效果

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">

		<mx:Script>
		
				<![CDATA[
				
						private var timer:Timer;
						
						private function init():void
						{
							timer=new Timer(10);
							timer.addEventListener(TimerEvent.TIMER,timer_timer);
						}
						
						private function timer_timer(evt:TimerEvent):void
						{
							progressBar.setProgress(progressBar.value+1,100);
						}
						
						private function progressBar_complete(evt:Event):void
						{
							timer.stop();
						}
						
						private function resetProgressBar():void
						{
							progressBar.setProgress(0,100);
							progressBar.scaleX=1.0;
							progressBar.scaleX=1.0;
							progressBar.alpha=1.0;
						}
						
						private function playProgressBar():void
						{
							resetProgressBar();
							timer.start();
						}
						
						
				
				
				]]>
		
		
		</mx:Script>
		
		<mx:Parallel id="progressBar_completeEffect">
			<mx:Fade alphaTo="0.0" />
			<mx:Zoom zoomHeightFrom="0" />
		</mx:Parallel>
		
		<mx:ApplicationControlBar dock="true">
			<mx:Button label="Play" click="playProgressBar();"/>
			<mx:Button label="Reset" click="resetProgressBar();"/>
		</mx:ApplicationControlBar>
		
		<mx:ProgressBar id="progressBar" complete="progressBar_complete(event);" completeEffect="{progressBar_completeEffect}" mode="manual" labelPlacement="center" width="80%" height="60%" creationComplete="init();"/>
	
</mx:Application>