# Complex Preloader

**URL:** <https://forum.kirupa.com/t/complex-preloader/64273>\
**Category:** flash\
**Created:** [September 14, 2004, 6:47pm UTC](https://forum.kirupa.com/t/complex-preloader/64273 "2004-09-14T18:47:15Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![slyred](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/slyred/32/760_2.png) [@slyred](https://forum.kirupa.com/u/slyred)\
**Post date:** [September 14, 2004, 6:47pm UTC](https://forum.kirupa.com/t/complex-preloader/64273/1 "2004-09-14T18:47:15Z")

</div>

Hi -  
Hope you all can help me:

I’d like this to work in Flash 5 - but Flash MX (6) would be ok too.

I’m creating a bar preloader that expands out (works fine). On either end of the preloader I have a bracket ( ] ) graphic that I want to move as the bar moves. I tried to set the \_x position to move but it doesn’t alingn with the preloader bar, it aligns to the left edge of my stage (??).

Also as the preloader bar expands I want to have the preloader percentage text and loading text reveal (probably a mask ??). The animation would look something like this (but centered):

[–]

ding 55%  
[----------------]

Loading 99%  
[---------------------------]

\>\>\> My loader bar actionscript looks like this: \<\<\<

this.\_xscale = ((\_root.getBytesLoaded() / \_root.getBytesTotal()) \* 100);

\>\>\> And what I have for the brackets looks like this: \<\<\<

\_root.rightbracket.\_x = ((\_root.getBytesLoaded()/\_root.getBytesTotal())\*100);

I have no clue how to do the mask of the loading text and percentage (lol).

If you have any FLA’s I could look at that would be a big help. Thanks in advance for any help you can give.

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 14, 2004, 7:30pm UTC](https://forum.kirupa.com/t/complex-preloader/64273/2 "2004-09-14T19:30:00Z")

</div>

try something like this:  
put this script on your loadbar:  
this.\_xscale = ((\_root.getBytesLoaded() / \_root.getBytesTotal()) \* 100); //the loadbar  
\_parent.rightbracket.\_x = this.\_x+(this.\_width/2)+5; //5 is the space between bar and bracket  
\_parent.leftbracket.\_x = this.\_x-(this.\_width/2)-5;  
that might take care of the brackets at least 🙂

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 14, 2004, 10:40pm UTC](https://forum.kirupa.com/t/complex-preloader/64273/3 "2004-09-14T22:40:56Z")

</div>

That worked great. Took me a sec to get it as I’m a bit daft today. I’m working on the text reveal (mask) now – I’ll post to this forum the results as I’m sure I’m not the only one interested in this type of loader (I’ve seen it on [Nike.com](http://Nike.com) etc.