# Variable width loadBar

**URL:** https://forum.kirupa.com/t/variable-width-loadbar/238507
**Category:** Uncategorized
**Created:** [September 12, 2007, 5:52am UTC](https://forum.kirupa.com/t/variable-width-loadbar/238507 "2007-09-12T05:52:24Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![tsj4](https://avatars.discourse-cdn.com/v4/letter/t/7ea924/32.png) [@tsj4](https://forum.kirupa.com/u/tsj4)
#### Post date: [September 12, 2007, 5:52am UTC](https://forum.kirupa.com/t/variable-width-loadbar/238507/1 "2007-09-12T05:52:24Z")

</div>

I have a loader mc which scales to the width of the Stage. The loader mc has 3 nested mc’s. A bg mc, progressBar mc, and loadBar mc.

The loader and all nested mc’s scale properly when I test it in the flash IDE but once I place the swf in a html page then the width is not accurate anymore. Another issue is since the loader stretches across the stage it needs to resize correctly in fullscreen mode.

[Click here here to view the example](http://www.tsj4.com)

[LEFT][COLOR=#f000f0]\*// This is the code

// ----- [Stage Align] ----- //_[/COLOR]  
[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]scaleMode[/COLOR] = [COLOR=#0000ff]“noScale”[/COLOR];  
[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]align[/COLOR] = [COLOR=#0000ff]“TL”[/COLOR];  
[COLOR=#f000f0]_// –  
_[/COLOR] loader.[COLOR=#993300]\_x[/COLOR] = [COLOR=#000000]0[/COLOR];  
loader.[COLOR=#993300]\_y[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#000000]height[/COLOR]-[COLOR=#000000]51[/COLOR];  
loader.[COLOR=#993300]\_width[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];  
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]\_width[/COLOR] = [COLOR=#000000]0[/COLOR];  
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]\_width[/COLOR] = [COLOR=#000000]0[/COLOR];  
loader.[COLOR=#000000]bg[/COLOR].[COLOR=#993300]\_width[/COLOR] = loader.[COLOR=#993300]\_width[/COLOR];  
[COLOR=#f000f0]_// ----- [/ Stage Align] ----- //_[/COLOR]  
[COLOR=#f000f0]_//_[/COLOR]  
[COLOR=#f000f0]_// ----- [Stage Resize] ----- //\*[/COLOR]  
stageL.[COLOR=#993300]onResize[/COLOR] = [COLOR=#993300]function[/COLOR]COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
loader.[COLOR=#993300]\_x[/COLOR] = [COLOR=#000000]0[/COLOR];  
loader.[COLOR=#993300]\_y[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#000000]height[/COLOR]-[COLOR=#000000]51[/COLOR];  
loader.[COLOR=#993300]\_width[/COLOR] = [COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];

[COLOR=#000000]}[/COLOR];  
[COLOR=#f000f0]_//_[/COLOR]  
[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]addListener[/COLOR]COLOR=#000000[/COLOR];  
[COLOR=#f000f0]_// ----- [/ Stage Resize] ----- //_[/COLOR]  
[COLOR=#f000f0]_//_[/COLOR]  
[COLOR=#f000f0]_// ----- [Load Bar] ----- //_[/COLOR]  
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR] = [COLOR=#993300]function[/COLOR]COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#993300]this[/COLOR].[COLOR=#993300]\_xscale[/COLOR] = COLOR=#000000[/COLOR]\*[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];  
[COLOR=#993300]if[/COLOR] [COLOR=#000000]([/COLOR][COLOR=#993300]this[/COLOR].[COLOR=#993300]\_xscale[/COLOR] == [COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR][COLOR=#000000])[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#993300]delete[/COLOR] loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#000000]}[/COLOR];

[COLOR=#f000f0]_// ----- [/ Load Bar] ----- //_[/COLOR]  
[COLOR=#f000f0]_// [/COLOR]  
[COLOR=#f000f0]// ----- [Video Update] ----- //_[/COLOR]  
[COLOR=#993300]function[/COLOR] videoUpdateCOLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]\_xscale[/COLOR] = COLOR=#000000[/COLOR]_[COLOR=#993300]Stage[/COLOR].[COLOR=#993300]width[/COLOR];  
elapsed.[COLOR=#000000]time\_txt[/COLOR].[COLOR=#993300]text[/COLOR] = getTimeCodeCOLOR=#000000[/COLOR]+[COLOR=#0000ff]" / "[/COLOR]+getTimeCodeCOLOR=#000000[/COLOR];  
elapsed.[COLOR=#000000]time\_txt[/COLOR].[COLOR=#993300]selectable[/COLOR] = [COLOR=#993300]false[/COLOR];  
elapsed.[COLOR=#000000]time\_txt[/COLOR].[COLOR=#993300]autoSize[/COLOR] = [COLOR=#993300]true[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#f000f0]_// ----- [/ Video Update] ----- //_[/COLOR]  
[COLOR=#f000f0]_//_[/COLOR]  
[COLOR=#f000f0]_// ----- [Scrubber] ----- //_[/COLOR]  
[COLOR=#993300]function[/COLOR] videoScrubCOLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
[COLOR=#993300]var[/COLOR] dist:[COLOR=#993300]Number[/COLOR] = COLOR=#000000[/COLOR]/loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]\_width[/COLOR];  
ns.[COLOR=#993300]seek[/COLOR]COLOR=#000000[/COLOR];  
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]\_xscale[/COLOR] = COLOR=#000000[/COLOR];  
[COLOR=#000000]}[/COLOR]  
[COLOR=#f000f0]_// –_[/COLOR]  
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onPress[/COLOR] = [COLOR=#993300]function[/COLOR]COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR] = videoScrub;  
[COLOR=#000000]}[/COLOR];  
loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onRelease[/COLOR] = loader.[COLOR=#000000]loadBar[/COLOR].[COLOR=#993300]onReleaseOutside[/COLOR]=[COLOR=#993300]function[/COLOR] COLOR=#000000[/COLOR] [COLOR=#000000]{[/COLOR]  
loader.[COLOR=#000000]progressBar[/COLOR].[COLOR=#993300]onEnterFrame[/COLOR] = videoUpdate;  
[COLOR=#000000]}[/COLOR];  
[COLOR=#f000f0]_// ----- [/ Scrubber] ----- // \*[/COLOR]  
[/LEFT]