<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx" 
			   minWidth="955" minHeight="600">
	<fx:Script>
		<![CDATA[
			import mx.controls.ProgressBar;
				private var j:uint=10;
				private function run():void
				{
					if(j<=100)
					    {
						bar.setProgress(j,100);
						bar.label= "CurrentProgress" + " " + j + "%";
						j+=10;	    
						}
					if(j>100){
						image.load('C:/work/bikrant/flex4component/image/building1.jpg');
						bar.label="Progress Complete";
						j!=0;
			            }
				}
		]]>
	</fx:Script>
	<s:Panel title="ProgressBar Control Example" width="333" height="389">
		<s:VGroup x="12" y="10">
			<s:Label text="Click the button to increment the progress bar."/>
			<mx:ProgressBar id="bar" 
							width="285" 
							source="image" 
							label="Loading..." 
							labelWidth="400"
							chromeColor="#4EC44E" 
							color="#E26060"
							mode="manual" 
							direction="right"/>		
			<s:Button id="btn" 
					  label="Run" 
					  click="run();"/>
			<mx:Image id="image" 
					  height="246" width="305" 
					  autoLoad="false" 
					  visible="true"/>	
		</s:VGroup>	
	</s:Panel>			
</s:Application>