URLLoader question

1

I built a sequential loader which works fine and now I am trying to add in a loadBar so you can see the progress for each image. Everything runs fine except the loadBar only shows the progress for the first image then is removed but it won’t show again. When I put a trace statement in the onImageOpen method it will trace out something for each image. So I know it is being called correctly I just can’t figure out how to add the loadBar when the loading begins, remove the loadBar when the loading is done and continue that process for each image.

Here is a quick glimpse of my class


_thumbLoader = new Loader();
_thumbLoader.contentLoaderInfo.addEventListener( Event.OPEN, onImageOpen );
_thumbLoader.contentLoaderInfo.addEventListener( ProgressEvent.PROGRESS, onImageProgress );

// Here is the open method which is where I create my shape and add to the display list
private function onImageOpen( event:Event ):void
 {
	loadBar = new Shape();
	loadBar.graphics.beginFill( Math.random() * 0x910303 );
	loadBar.graphics.drawRect( 0.0, 0.0, 100.0, 100.0 );
	loadBar.graphics.endFill();
	loadBar.width = 0.0;
	
	addChild( loadBar );
 }

// Here is my ProgressEvent method which shows the progress and removes the loaderBar once it hits 1.0
private function onImageProgress( event:ProgressEvent ):void
{
	var target:LoaderInfo = LoaderInfo( event.currentTarget );
	
	var percent:Number = ( 1.0 / event.bytesTotal ) * event.bytesLoaded;
	
	if( percent == 1.0 )
	{
		target.removeEventListener( ProgressEvent.PROGRESS, onImageProgress );
		
		removeChild( loadBar );
	}
	else
	{
		loadBar.width = stage.stageWidth * percent;
		//loadBar.height = stage.stageHeight;
	}
}