# Progress Bar

**URL:** <https://forum.kirupa.com/t/progress-bar/277718>\
**Category:** Uncategorized\
**Created:** [December 16, 2008, 11:09am UTC](https://forum.kirupa.com/t/progress-bar/277718 "2008-12-16T11:09:16Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![koolhoney](https://avatars.discourse-cdn.com/v4/letter/k/9d8465/32.png) [@koolhoney](https://forum.kirupa.com/u/koolhoney)\
**Post date:** [December 16, 2008, 11:09am UTC](https://forum.kirupa.com/t/progress-bar/277718/1 "2008-12-16T11:09:16Z")

</div>

Hi All,

I am new to flex.

I am trying to down load an image. while loading the image, i have to show progress bar to user. But i am getting both at a time.  
My intention is first progress bar to show the downloading progress then image has to display.

my code is:

\<?xml version=“1.0”?\>  
\<mx:Application xmlns:mx="[[COLOR=#800080]http://www.adobe.com/2006/mxml"\>[/COLOR]](http://www.adobe.com/2006/mxml)

\<mx:Script\>  
\<![CDATA[  
public function initImage():void {  
image1.load(‘E:/gr/Airtel Bill Pay.JPG’);  
}  
]]\>  
\</mx:Script\>

\<mx:VBox id=“vbox0” width=“600” height=“600”\>  
\<mx:Canvas\>  
\<mx:ProgressBar width=“200” source=“image1”/\>  
\</mx:Canvas\>  
\<mx:Button id=“myButton” label=“Show” click=“initImage();”/\>  
\<mx:Image height=“600” width=“600” id=“image1” autoLoad=“false” visible=“true”/\>  
\</mx:VBox\>  
\</mx:Application\>

Please give some solution.

Thanks in Adv