# Preloader

**URL:** https://forum.kirupa.com/t/preloader/7634
**Category:** Uncategorized
**Created:** [November 4, 2002, 11:27pm UTC](https://forum.kirupa.com/t/preloader/7634 "2002-11-04T23:27:00Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![lazybrown](https://avatars.discourse-cdn.com/v4/letter/l/e480ec/32.png) [@lazybrown](https://forum.kirupa.com/u/lazybrown)
#### Post date: [November 4, 2002, 11:27pm UTC](https://forum.kirupa.com/t/preloader/7634/1 "2002-11-04T23:27:00Z")

</div>

Hi

I’d like to create a preloader to my website that looks like this when it starts (although these are just quick mock-ups):

\<img src = “[http://www.lazybrown.co.uk/v7.2/img/preload01.gif](http://www.lazybrown.co.uk/v7.2/img/preload01.gif)”\>

and when it is half way through (for instance), it looks like this:

\<img src = “[http://www.lazybrown.co.uk/v7.2/img/preload02.gif](http://www.lazybrown.co.uk/v7.2/img/preload02.gif)”\>

Could anyone point me in the direction of a tutorial or perhaps give me a few pointers?

Thanks

---

<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: [November 4, 2002, 11:27pm UTC](https://forum.kirupa.com/t/preloader/7634/2 "2002-11-04T23:27:58Z")

</div>

Sorry, I’ve just realised I’ve posted this in the wrong forum. I’ll repost in the Flash section.

Apologies…

---

<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: [November 14, 2002, 6:03pm UTC](https://forum.kirupa.com/t/preloader/7634/3 "2002-11-14T18:03:09Z")

</div>

Eeh, i didnt find your post in any of the flash forums, so i couldnt see if you had got any help. Thus im posting it here, i’ve solved your problem. Kreate a layer with just the white part inside (that which is going to be filled green) and then, below that layer you create a layermask which is just a green bar 2pts in width or something. Make it a Movie Clip and name its instance bar. Then:

\_root.bar.\_width = int(\_root.getBytesLoaded()/(\_root.getBytesTotal()/100\*4.077));

4.077 is because the bar - when it spans all the text (100%) - has the width 407.7
