I have a function that loads a room and when I load the room I have progress bar that displays with the percentage downloaded. The percentage text seems to be resetting with each load of an image but not the progress bar. How do I reset my progress bar?
// add room image to the viewport
function addRoom(event:MouseEvent):void {
//trace(rmPictures[event.currentTarget]);
var rmloader:Loader = new Loader();
rmloader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, loop, false, 0, true);
rmloader.contentLoaderInfo.addEventListener(Event.COMPLETE, done, false, 0, true);
rmloader.load(new URLRequest(rmPictures[event.currentTarget]));
rmloader.x = 0;
rmloader.y = 0;
//remove all the contents BEFORE adding a new one.
while (roomContainer.numChildren) {
roomContainer.removeChildAt(0);
}
roomContainer.addChild(rmloader);
colorText.alpha = 0;
}
function loop(event:ProgressEvent):void {
//create progress bar
var loadBar:MovieClip = new MovieClip();
var barColor:Number = Number(0xCCCCCC);
loadBar.graphics.lineStyle(1, 0xCCCCCC);
loadBar.graphics.beginFill(barColor);
loadBar.graphics.drawRect(0,0,100,10);
loadBar.graphics.endFill();
loadBar.width=1;
barContainer.addChild(loadBar);
var perc:Number = event.bytesLoaded / event.bytesTotal;
loadBar.scaleX=perc;
percent.text = Math.ceil(perc*100).toString() + "%";
}
function done(event:Event):void {
//removeChild(barContainer);
myContainer.x =1000;
gotoAndStop("scene");
//tween from 30% to 100% over 1 seconds
defaultLoaderTween = new Tween(roomContainer, "alpha", None.easeOut,.3,1,1,true);
}
chooseColors.addEventListener(MouseEvent.CLICK, goBack, false, 0, true);
chooseColors.buttonMode = true;
function goBack(event:MouseEvent):void {
myContainer.x=425;
removeChild(viewport);
removeChild(roomContainer);
//go to this frame to avoid reloading all the xml stuff
gotoAndStop("nue");
}