Flash :: Progress Bar/Loader Component Question.

Loader / Progress Bar Component Issues.
I have a Loader component in a movieclip and a Progress Bar component in a movie clip.

Instance name of Loader is ThumbLoader
Instance name of Progress Bar is Progress_bar

I have the following code which works fine in the authoring and bandwidth simulation environment.
But doesn't work in the real life through the HTML page.

Code:
ThumbLoaderListener = new Object();
ThumbLoaderListener.progress = function(eventObject) {
Progress_bar.setProgress(ThumbLoader.percentLoaded, 100);
};
ThumbLoader.addEventListener("progress", ThumbLoaderListener);
Then I tried the following which also didn't work.
Code:
Progress_bar.mode="polled";
Progress_bar.source=ThumbLoader;
Then came across the issue between the Loader & Progress Bar components here http://www.macromedia.com/cfusion/kn...fm?id=tn_19442

Code:
Flash TechNoteProgress Bar does not sync with Loader Component in a movie clip
Issue
When a ProgressBar component and a Loader component are in the same movie clip, and the ProgressBar component links to the Loader component using a relative link, the ProgressBar component will not show the correct percentage corresponding to the Loader component's status.

Reason
If you simply add the name of the Loader—for example, myLoader—in the ProgressBar Component Inspector, the component's source actually points to _parent.myLoader. The ProgressBar is therefore unable to locate the Loader component.

Solution
When you use the Component Inspector to set the source, the source is defined to use a relative path. However, since an absolute path is required, make sure to specify one when using the Component Inspector to set the source. For example, if linking to the same Loader component (myLoader), and both components are in a movie clip named mcName, set the source to mcName.myLoader.

Last updated: July 26, 2004
The solution according to Macromedia is
Code:
Progress_bar.source=MovieClipInstance.ThumbLoader;
Now I have three movieclips (Thumb1_mc, Thumb2_mc, Thumb3_mc) and the Loader & Progress are inside those three move clips. How to set the Progress_bar.source=???

I am really confused.
It seems the progress event of the loader doesn't work at all.

Somebody please give me a workaround or some solution.

I did lot of searching in the net for this issue and found no solution. Please help me.

Kannan.

Pre-loader / Progress Bar
Hi.

I'm trying to place a sort of preloader / progress bar in my main fla. I'm loading a bunch of swf's into an empty movie clip instance called "body" upon the users request. I know how to make a preloader that resides in the first scene of a swf but I would like the preloader to reside inside the main flash file and not within each movie. Is this possible and does anybody have some code.....

Something like getbytesloaded.....but can I yse that for an empty movie clip?

Thanks much...

Mik

Loader And Progress Bar
Hi,

I have a directory full of SWF files and I want to design a movie that will allow each one to be displayed in flash as a sequence stopping between each one until a user action moves the movie onto the next one.

These files are fairly large renders from plasma at around 1/2 to 2MB hence the need for a preloader.
Do I need to setup one movie per scene or is there a more dynamic way of pulling in the contents of the SWF directory to display in a movie?

Progress Bar (not A Loader)
Ok, first this isnt a loading progress bar is a bar that just shows you how far along the video is into playing.

how would I create a bar that would show a duration of a clip and have a fill keep getting bigger til it gets to the end. I also have these videos on an array so there are multiple. The bar length and duration would have to change with each video...

can someone help me create this?
-Ronnie

Progress Loader
Hi,

In my application there are certain tasks that take about 5 or 10 seconds to finish. I would like to show the progress of the task to the user, like a progress bar or something. How do I do this?

Now correct me if I am wrong, this is not relatedt to a preloader which is having another SWF loading your application SWF and showing the progress, is that it?

Thanks
Jorge

FLV Progress Loader Within A SWF
I have a swf as a main page. I have created a flvplayer placeholder (by importing video) within the main page fla. The intent is for this welcome video to play and then for the main page flash to work as normal.

Carousel.swf is the main page. The timeline (blank-flvloader placeholder) runs long enough for the flv to play, then at about frame 150 the main page starts. The video is xxx.flv (1 MB) that should preload and play first (BEFORE that blank flvloader period). Note that there is a buffer setting within the flvplayer that I assume will allow some preloading before playing. This seems to work great. The problem is that I want the user to see a progress bar instead of seeing a blank background while the video is loadinguffering.

I used the code belowattached to get started. I created the fla as it states (http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00001582.html)

I am unsure where to use this code. I have tested it with my URL target and it works. I thought about dragging it on top of the placeholder?? How can this preloader load the flv with a progress indicator, then continue on with the main page once preloaded and played? Should I use the preloader fla, or just use the code, etc.? Please excuse the loose terminology.

To recap: Carousel.fla has a flvplaceholder that calls an external flv for an intro video that plays first, then the timeline continues on to the main flash. This is all in the same html page.

Attach Code

var connection_nc:NetConnection = new NetConnection();
connection_nc.connect(null);
var stream_ns:NetStream = new NetStream(connection_nc);
my_video.attachVideo(stream_ns);
stream_ns.play("http://www.helpexamples.com/flash/video/typing_short.flv");

this.createTextField("loaded_txt", this.getNextHighestDepth(), 10, 10, 160, 22);
this.createEmptyMovieClip("progressBar_mc", this.getNextHighestDepth());
progressBar_mc.createEmptyMovieClip("bar_mc", progressBar_mc.getNextHighestDepth());
with (progressBar_mc.bar_mc) {
beginFill(0xFF0000);
moveTo(0, 0);
lineTo(100, 0);
lineTo(100, 10);
lineTo(0, 10);
lineTo(0, 0);
endFill();
_xscale = 0;
}
progressBar_mc.createEmptyMovieClip("stroke_mc", progressBar_mc.getNextHighestDepth());
with (progressBar_mc.stroke_mc) {
lineStyle(0, 0x000000);
moveTo(0, 0);
lineTo(100, 0);
lineTo(100, 10);
lineTo(0, 10);
lineTo(0, 0);
}

var loaded_interval:Number = setInterval(checkBytesLoaded, 500, stream_ns);
function checkBytesLoaded(my_ns:NetStream) {
var pctLoaded:Number = Math.round(my_ns.bytesLoaded / my_ns.bytesTotal * 100);
loaded_txt.text = Math.round(my_ns.bytesLoaded / 1000) + " of " + Math.round(my_ns.bytesTotal / 1000) + " KB loaded (" + pctLoaded + "%)";
progressBar_mc.bar_mc._xscale = pctLoaded;
if (pctLoaded>=100) {
clearInterval(loaded_interval);
}
}

Loader/Progress Bar
This is a duplicate. I was getting an error message so I didn't think the post was going thru.

Edited: 05/12/2008 at 08:32:13 AM by dlipscombe

Loader/Progress Bar
I setup a progress bar that works when a SWF is loaded. If I use the URL http://www.rivahrealty.com the loader doesn't move but the movie does load. If I use http://www.rivahrealty.com/index.html the progress bar goes from left to right and the movie loads like it's supposed to. I've been trying to figure this out for 3 days. Can anyone help me with this?

Loader/Progress Bar
This is a duplicate. I was getting an error message so I didn't think the post was going thru.

Edited: 05/12/2008 at 08:30:57 AM by dlipscombe

Progress Bar & Loader
Hi all,

I am very new to Flash. I am running Flash MX 2004 Professional and have just created a photogallery, by following the wonderful tutorial on this site listed below.

http://www.kirupa.com/developer/mx/photogallery.htm

I see that Flash has a component add in feature for a loader and a progress bar. Is their an easy way to implement either one, that would go hand and hand with the tutorial above?

Thanks for your guidance in advance!

Content Loader Progress Bar
i have a content loader control in my movie clip, and it loads a random picture file when a button is pressed. it takes some time to load the file, so how do i add a progress bar to it?

Loader And Progress Bar Components
Are there any simple tutorials for using the Loader and Progress Bar components?

Help!!!!!!!!!!!!!!!!!!!!!

Problem With Progress Bar And Loader
I am having a problem with my progress bar and my loader componets. The Progress bar does not display the progress, but it does go away when the file is loaded. I tried to make the site with only one loader and one progress bar with by setting the .contentPath = "file.jpg"; but the progress bar was still visible after the file.jpg was finished loading.

On one frame I have a Loader called webLoaderArchaio and a ProgressBar called myProgressBarArchaio. Here is my code from the frame webArchaio.

//ProgressBar
myProgressBarListenerArchaio = new Object();
myProgressBarListenerArchaio = function (eventObject) {
myProgressBarArchaio._visible = false;
myProgressBarArchaio.removeEventListener("complete ", myProgressBarListenerArchaio);
};
myProgressBarArchaio.addEventListener("complete", myProgressBarListenerArchaio);
myProgressBarArchaio.mode = "polled";
myProgressBarArchaio.source = webLoaderArchaio.Loader;

On the next frame I have a Loader called webLoaderSTPR and a ProgressBar called myProgressBarSTPR. Here is my code from the frame webSTPR.

//ProgressBar
myProgressBarListenerSTPR = new Object();
myProgressBarListenerSTPR = function (eventObject) {
myProgressBarSTPR._visible = false;
myProgressBarSTPR.removeEventListener("complete", myProgressBarListenerSTPR);
};

myProgressBarSTPR.addEventListener("complete", myProgressBarListenerSTPR);
myProgressBarSTPR.mode = "polled";
myProgressBarSTPR.source = webLoaderSTPR.Loader;

here is the code for the buttons

btnSTPR
on(release){
_root.gotoAndStop("webSTPR");
}

btnArchaio
on(release){
_root.gotoAndStop("webArchaio");
}

thanks
Donald

[MX04] Progress Bar & Loader
Hi guys.
I'm doing a site for a photographer, and i'm loading the images using the loader component. Some of them are quite large, and auto-scaled to the size of the gallery. I want to use the progress Bar component, but don't know how.
My loader instance name is "galleryloader". I already made it work, I just want a loading bar to show how much of the image is loaded.

Thanks in advanced,
Aaron

[F8] Music Loader Progress?
Hello there.

I'm trying to build a progress bar the shows how much of an external mp3 has loaded.

the bar instance is an mc named "mpBar" , which is nested in a mc named "mcmpb".

I tried to set the inital _x property to 0, and then have it increment based on getbytsloaded/getbytstotal; but it's not showing working (it starts out in the 100% position).

My code is as follows

var nLoadProgressInterval:Number;

_root.mcmpb.mpBar.setProperty("_root.mcmpb.mpBar", _xscale,0);

function checkLoadProgress():Void {
mBytes = _root.sndAudio.getBytesLoaded()/_root.sndAudio.getBytesTotal();
setProperty("_root.mcmpb.mpBar", _xscale, mBytes);
}

and on the button I have a call to the function like this

_root.track3.onRelease = function():Void {
nLoadProgressInterval = setInterval(checkLoadProgress, 100);
}

Any help here?

Working With The Loader And Progress Bar
Hi

Im using the loader component and the progress bar together to load into my root movie external SWFs ...

Everything works great - ive created a function such as:

function changeContent(newMovie) {
myLoader.load(newMovie);
showProgressBar();
}

So from anywhere I can change my loaders content and show up the progress bar... the problem I have is once you have been through the movie, if you try to load one of the SWF's again they load up very quickly - because they are in the cache/memory ... the problem here is, my progress bar flashes up for a second and then goes off....

Is there some way I can work out if a loaded content is already in the cache - if I know this, then i can set the progress bar not to even bother showing up.

thanks a lot

[F8] Progress Bar And Loader Components...
Hi there I'm having a little trouble with using the progress bar with the loader component.

I have them both in a movieclip and they work fine when you test just the movieclip, but as soon as I put the movieclip in a scene the progress bar doesn't work anymore.

Here's the code...

myProgressBarListener = new Object();
myProgressBarListener = function (eventObject) {
myProgressBar._visible = false;
};
myProgressBar.addEventListener("complete", myProgressBarListener);
myProgressBar.mode = "polled";
myProgressBar.source = "my_loader";
myProgressBar.conversion = "1";
myProgressBar.label = "LOADING %3%%";
myProgressBar.direction = "right";
myProgressBar.labelPlacement = "bottom";
my_loader.loadMovie("http://media.ft.com/cms/3a00e22e-8312-11dc-b042-0000779fd2ac.swf", true);

Like I said when I test the movieclip the progress bar work aas it's supposed to and disappears when loaded. However when I put the movieclip on the stage the progress bar bar stays at 0% and doesn't disappear when movie starts to load in.

Am I missing something?

Best
Steve

Music Loader Progress?
Hello there.

I'm trying to build a progress bar the shows how much of an external mp3 has loaded.

the bar instance is an mc named "mpBar" , which is nested in a mc named "mcmpb".

I tried to set the inital _x property to 0, and then have it increment based on getbytsloaded/getbytstotal; but it's not showing working (it starts out in the 100% position).

My code is as follows

var nLoadProgressInterval:Number;

_root.mcmpb.mpBar.setProperty("_root.mcmpb.mpBar", _xscale,0);

function checkLoadProgress():Void {
mBytes = _root.sndAudio.getBytesLoaded()/_root.sndAudio.getBytesTotal();
setProperty("_root.mcmpb.mpBar", _xscale, mBytes);
}

and on the button I have a call to the function like this

_root.track3.onRelease = function():Void {
nLoadProgressInterval = setInterval(checkLoadProgress, 100);
}

Any help here?

Loader And Progress Bar Synch Probs
loader.autoLoad = false;
loader.content = "intro.swf";
pBar.source = loader;
loader.load();

Ok... i have this code a loader a progress bar and 2 probs:

My first prob is that the movie in the loader starts playing before the progress is completed resulting not to able to see what is palyed before it reaches 100% while the movie has already started playing ... in a few words no synchronization between the progress bar and the loader...

The second is that i if i put the progress bar behind the loader so that it will be covered by the loader content once loaded the progress bar won't show it's progress and will remain on 0% even though it's loading the content...
So what i need is a script that will allow me to have the prog bar in front of the loader and once the content is loaded the prog bar will disappear and not remain over the loaded movie.

I hope im not asking too much but it's kind of urgent and any help will be very appreciated.

HOPELESS - Using Progress Bar/Loader Components
Hello everyone!

I'm about to start tearing my hair out, and I would be forever grateful for some expert advice.

I am using Flash 8, and want to use a single instance of the loader component with a single instance of the progress bar component to preload multiple external SWFs. I have it working fine for the first SWFs loading in, but when I try to preload in a different SWF further down the timeline using the same loader instance and progressbar instance it doesn't work.

If you can direct me to a tutorial of some kind or put me in the right direction I would be stoked.

Here is the code i'm using for the first external SWF:

PreloaderBar.setStyle("themeColor", 0xD51729)
PreloaderBarListener = new Object();
PreloaderBarListener = function (eventObject) {
PreloaderBar._visible = false;
};
ContentLoader.scaleContent = false;
ContentLoader.contentPath = "home.swf";
PreloaderBar.addEventListener("complete", PreloaderBarListener);
PreloaderBar.mode = "polled";
PreloaderBar.source = "ContentLoader";
PreloaderBar.direction = "right";
stop();

Then for the next SWF I want to load in I have added a keyframe in my actionscript layer further down on the timeline and inserted this code:

PreloaderBar.setStyle("themeColor", 0xD51729)
PreloaderBarProductsListener = new Object();
PreloaderBarProductsListener = function (eventObject) {
PreloaderBar._visible = false;
};
ContentLoader.scaleContent = false;
ContentLoader.contentPath = "products.swf";
PreloaderBar.addEventListener("complete", PreloaderBarProductsListener);
PreloaderBar.mode = "polled";
PreloaderBar.source = "ContentLoader";
PreloaderBar.direction = "right";
stop();

Just changing the contentPath to a different SWF

Please let me know if this is the right way to go about doing this, if there is an easier way, or if my code is completely wrong.

Thanks!
Quinn

(pre)loader Progress Bar Doesn't Appear Until 90% Complete
In the site I'm building, all the code and elements are in frame 2 of the main timeline.

Frame 1 contains a preloader, which is supposed to display loading progress while the user waits for all the frame 2 stuff to load.

For some reason, the preloader doesn't appear until loading of the entire swf is 90% complete, at which point it appears at 90% and completes its progress.

Here's the preloader:

Code:
stop();

var sw:Number = stage.stageWidth;
var sh:Number = stage.stageHeight;
var preLoaderWidth = 150;

preloader_mc.x = (sw - preloader_mc.width) / 2;
preloader_mc.y = (sh - preloader_mc.height) / 2;

addEventListener(Event.ENTER_FRAME, loading);

function loading(event:Event) {
var bytestotal = stage.loaderInfo.bytesTotal;
var bytesloaded = stage.loaderInfo.bytesLoaded;
preloader_mc.preloaderBar.width = Math.round(bytesloaded * preLoaderWidth/bytestotal);

if (bytesloaded >= bytestotal) {
gotoAndStop(2);
removeEventListener(Event.ENTER_FRAME, loading);
removeChild(preloader_mc);
}
}
Is there some way to get the preloader to display before the swf is loaded? To somehow force its display to take precedence over loading all the stuff that happens on frame 2?

Or do I need to rip all the frame 2 stuff off into a separate external swf?

- Bob

Getting Rid Of The Default Loader Progress Status
when i am loading an external swf (flex swf), it will show me the ugly progress bar (pre-loader). what is the best way to get rid of it? I just want blank screen. thanks.

Loader Issues With Progress Text
hello guys,

this site rocks by the way, i am learning a ton. So thanks and keep it up.

My problem right now is that i created a loader and it works but i wanted to modify it a little bit by having the load percentage display text to rotate along with the circular progress bar. The thing is that i can't figure out what is wrong with the code, it works well when it is on the main timeline but when i insert it in a movie it stops working.

on my site below, i included the fla and the swf for both the working version and the modidied one (with the MOD at the end of the file name).

http://www.nicolaszein.com/flash/!/

thanks for everything and i hope you guys can help me with this.

ciao

Progress Bar Loader On A Scrollpane Source?
Is it possible to add a ProgressBar component (just like on a loader) but to an image being loaded into a ScrollPane - been trying to figure this out but haven't a clue if it's even possible!

Cheers,

Pt

AddChild To A Loader Progress Target
I want to display a loader when the progress is happening
so i have

Code:
var la:LA = new LA();

mLoader.contentLoaderInfo.addEventListener(Event.COMPLETE, fademein);
mLoader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, showProgress);

function showProgress(e:Event):void {
e.target.parent.addChild(la); // error.. i also tried e.target.addChild(la)

trace("loadeing"); // traces fine
}
I know this is something thats done all the time.. i just cant figure it out

View JPG In New Window Using Loader & Progress Bar
Hi there,

I am currently loading my JPG files into my flash presentation using the Loader component.

Together with the loader component, I used the progress bar to display what the status of the loading is.  Each frame contains another loader component and loads his jpg as you enter the frame.

Now I would like to make the loader component or a button that maximizes the view of the picture.  This should be a blank page where the jpg is viewed in its original size.
Can I do this with code?  The loader component on each frame already knows which jpg should be loaded, so can't I make a function that checks which jpg to display and add a blank page so the picture can be viewed?

Thanks in advance for all your reply's!

Greetz,
D2C

Loader Progress Bar Working On Broadband But Not Dial Up
I am using the loader and progress bar components to load in external images to my main swf. These appear to work fine on broadband but when I test on dial up (with the latest flash player installed) the progress bar does not work. Any suggestions anyone??

I am using FLash MX Professional

ProgressEvent.Progress - How To Detect Which Loader Called Me
Evening.

I have a ProgressEvent.PROGRESS event listener, used by four individual loaders, which load images into seperate movieclips once loaded.

Each of my seperate movieclips are to have preloaders, modified during the progress process. This means the progress function needs to know which loader called it.

If I attempt to detect ev.target.loader, I get the following error:

ActionScript Code:
Error: Error #2099: The loading object is not sufficiently loaded to provide this information.
at flash.display::LoaderInfo/get loader()
at About/loadProgress()

Short of making four seperate progress functions (yuck), how can I get the progress function to detect which loaders ProgressEvent called it??

Any help would be greatly appreciated, thanks.

Loader.close() Method Won't Stop A Progress
Hello,
I'm running into some problems using the close() method.
I'm trying to build a class that checks a resource size before loading it.

it's very simple: I use the Loader class to load the resource, listens to the first progress event and immediately closes the connection with the Loader.close() method.

However, the close() doesn't seem to stop the Loader after the first progress event dispatched.
here is a quick copy & paste frame code just to demonstrate my point:
Code:

Code:
import flash.display.Loader;
import flash.events.ProgressEvent;
import flash.net.URLRequest;

var loader:Loader = new Loader();
loader.contentLoaderInfo.addEventListener(ProgressEvent.PROGRESS, printProgress);
loader.load(new URLRequest("big.jpg"));

function printProgress(evtProgress:ProgressEvent):void
{
trace("progress");
loader.close();
trace(evtProgress.bytesLoaded);
}
The ProgressEvent is thrown until the big.jpg loading is complete.
How could I stop it just after the first progress event ?

Thanks a lot,

Me.

New Component Help - Progress Bar In MX
Ok, i've just downloaded the component set 2. Basically, i've got a movie - about 160 kb in size. It's got two scenes - the first being a pre-loader.

In my pre-loader at present, i've just got a simple animation, but i'm guessing the new progress bar shows the percentage loaded.

Thing is, I know it's not just a case of dropping this onto a new layer in my pre-loader, how do I get it to work?

Progress Bar Component
Can someone please give me a detailed explanation how to use this in Flash MX? I've already gone through all the documentation and every thread I can find and I still can't get this thing to work. All I want to do is to check if the whole swf file is loaded then play. I've tried bytesLoaded as well and nothing.

I've tried this already:

pBar.setLoadTarget(this);
pBar.setChangeHandler("onProgress");

function onProgress() {
// when loaded, start the movieclip
if (_root.getPercentComplete()>=100) {
_root.gotoAndPlay(3);
}
}

Progress Bar Component
Help, can anyone please tell me how to use the Progress Bar component as a pre-loader that comes in the Component Set 2 from Macromedia???

Progress Bar Component?
Help, can anyone please tell me how to use the Progress Bar component as a pre-loader that comes in the Component Set 2 from Macromedia???

Progress Bar Component
I'm using the Progress Bar component to load a jpeg into a loader component. I've gotten this to work fine. Except that I'm not quite sure how to make the loader component disappear once the it has finished loading the jpeg. Does anyone know how to do this? Thanks.

-Jay

Progress Bar Component
Does anybody know how to tell the progress bar to change it's visible value to false AFTER the movie that is being loaded into the loader component is done loading.

Progress Bar Component
Hello,

I have followed the help section on the progress bar component in Flash MX 2004 and am able to make it work fine. However, I would like the progress bar to dissapear once the image is loaded in the loader component (also found in the component library). How can I do this?

Thanks,

Luke

_

Progress Bar Component
Hi I'm using a progress bar component with a variable called mysound. It works when I use it but I have lots of sounds that use (mysound). It only works once on the first time using mysound. How can I set it back to zero so that when I load another sound it will work again.

I have the mode set to polled
And the source set to mysound

Probably easy but I checked the documentation and could not find an answer thanks.

Progress Bar Component... (It's Me Again)
Hello again all!
I would like to include the progress bar in loading my website (and certain pages in it).
How would I include this? I'd like to do it in one Flash file and hopefully in the same scene as the thing I want to load.
Thanks in advanced,
Nicko.

Need Progress Bar Component Help.
I have a huge headache from doing hours of web searching for what seems to be a simple solution. All I want to do is use the progress bar component on frame one to load my main timeline and I can't find a tutorial for this anywhere. Can anyone help? Thanks in advance,

Joe

Progress Bar Component
I have used the UI progress bar component in Flash CS3 AS2. For some reason the progress bar appears to work fine, when it gets to 100% it loads the movie about 3/4 way down the timeline. Its almost like the movie itself is playing behind the progress bar.

Help! Thanks!

Attach Code

myProgressBar.setStyle("themeColor", 0xFF0000);
myProgressBarListener = new Object();
myProgressBarListener = function (eventObject) {
myProgressBar._visible = false;

};

myLoader.scaleContent = true;
myProgressBar.mode = "polled";
myProgressBar.source = "myLoader";
myProgressBar.conversion = "1";
myProgressBar.label = "LOADING %3%%";
myProgressBar.direction = "right";
myProgressBar.labelPlacement = "bottom";
stop();

Using MX Progress Bar Component
Hi there,

Is there a tutorial about this and how to alter the component?
I have looked through this and MM site but can't find anything specific to MX and the other ones go over this learners head.
Thanks.

Progress Bar Component Box
I've successfully placed the progress bar component. It works fine, but when the screen first loads I get a hairline box that is eventually replaced with the progress bar.

Why does the box come up at all and how can I get rid of it? I tried changing the theme but all that does is affect the component itself, not the "bounding box."

Progress Bar Component: PLEASE HELP
Here's whats happenening: I have a Flash site that I'm designing. The movie that I'm working with is the main movie into which my external .swf's will get loaded into. Now in the very first frame of my main .swf I have the progress bar component setup running in manual mode (I'm running in manual mode because I'm not using the loader component in conjunction with the progress bar. I figured that I wouldn't need the loader just yet because this is the progress bar for the main movie and not for an external .swf...) with this code:

Code:
var kalarahProgress:mx.controls.ProgressBar;
kalarahProgress.mode = manual;
kalarahProgress.indeterminate = true;
kalarahProgress.maximum = _totalframes;
kalarahProgress.minimum = 0;
kalarahProgress.setStyle ("themeColor", "haloBlue");
Now when I test it in FlashMX 2K4 Pro using "Simulate Download", everything works fine EXCEPT: Theres this white box that shows up right where my progress bar is in the first frame. After the progress bar loads (itself) then, you actually see the "candycane" indeterminate load bar and then after my other frames in the movie loads, it goes into my second frame and everything is cool. How can I make that white box go away? I tried using actionscript that would make the progress bar invisible until after it finished loading and then go to visible, but when I tried that, the component never came back visible. I just need to make that white box go away, it's taking away from the "beauty" of everything else. Also, my load bar doesn't show any percentages. It just flashes "loading" until after the rest of the frames are loaded. How can I get it to show the percentage of whats loaded so far? Thanks for any assist that anyone may be able to give me. To download a copy of my .fla, just click here.

L8tr!!!

CluelessprogressBarFlasher!!!!