# Circular preloader

**URL:** https://forum.kirupa.com/t/circular-preloader/184466
**Category:** Uncategorized
**Created:** [April 5, 2006, 11:17am UTC](https://forum.kirupa.com/t/circular-preloader/184466 "2006-04-05T11:17:32Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![jonybigude](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@jonybigude](https://forum.kirupa.com/u/jonybigude)
#### Post date: [April 5, 2006, 11:17am UTC](https://forum.kirupa.com/t/circular-preloader/184466/1 "2006-04-05T11:17:32Z")

</div>

[http://pureloaders.com/products/trendy/pureloader\_trendy\_0006\_preview.html](http://pureloaders.com/products/trendy/pureloader_trendy_0006_preview.html)

I’ve searched, but i can’t find… i’m a noobin AS, i don’t understand much of AS, since i’m good at design and not on programing. :wasted:

So, can anyone tell me how to create a circular preloader, with the percentage, like in the link i just gave in the begining of this post?..

:sigh:

Thanks a lot in advance…

---

<div class="post-metadata">

### Author: ![aaron1987](https://avatars.discourse-cdn.com/v4/letter/a/bc79bd/32.png) [@aaron1987](https://forum.kirupa.com/u/aaron1987)
#### Post date: [April 5, 2006, 11:31am UTC](https://forum.kirupa.com/t/circular-preloader/184466/2 "2006-04-05T11:31:24Z")

</div>

I figure what you should do is just make a mask of what you want to be the preloader… and make your preloader like the 100 frames method…

IE:

make a movieclip insert 100 blank frames  
place your loadbar into a new layer  
place a mask over the load bar  
tween the mask all the way to the 100 frames so you have your animation.  
place the code in the first frame in a new layers called actions.

and bam. you’ve got what you want…

---

<div class="post-metadata">

### Author: ![Munkiegrl](https://avatars.discourse-cdn.com/v4/letter/m/b19c9b/32.png) [@Munkiegrl](https://forum.kirupa.com/u/Munkiegrl)
#### Post date: [April 5, 2006, 2:53pm UTC](https://forum.kirupa.com/t/circular-preloader/184466/3 "2006-04-05T14:53:49Z")

</div>

You can start with this file and modify it to make it a circle instead of a bar. As mentioned above, you would want to mask the circle over the timeline.

Hope this helps.

---

<div class="post-metadata">

### Author: ![simpleSoft](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@simpleSoft](https://forum.kirupa.com/u/simpleSoft)
#### Post date: [April 5, 2006, 6:52pm UTC](https://forum.kirupa.com/t/circular-preloader/184466/4 "2006-04-05T18:52:21Z")

</div>

I’m going to work on this…sounds like a good Trig problem to me.

If you think of your unit circle from trig all you should need to do is calculate the width based on percentage loaded. Take that and do some Math.sin() function perhaps cos is better…I’m not sure yet. I’ll get back to you.

This should be able to be completly scripted. I’d think.

---

<div class="post-metadata">

### Author: ![jonybigude](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@jonybigude](https://forum.kirupa.com/u/jonybigude)
#### Post date: [April 6, 2006, 3:24pm UTC](https://forum.kirupa.com/t/circular-preloader/184466/5 "2006-04-06T15:24:54Z")

</div>

Thanks guys! :hugegrin:

You’re awsome, but i already resolved the problem with my friend \_this :geek:

I let you here my fla, so you can see how he resolved my issue. Note that the design is still on a very primitive phase… but that’s the wanted effect…

:hugegrin:

---

<div class="post-metadata">

### Author: ![krilnon](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/krilnon/32/34_2.png) [@krilnon](https://forum.kirupa.com/u/krilnon)
#### Post date: [April 6, 2006, 3:41pm UTC](https://forum.kirupa.com/t/circular-preloader/184466/6 "2006-04-06T15:41:46Z")

</div>

You didn’t include the .as file in your .zip file. Regardless, it kind of reminds me of this: [http://www.kirupa.com/forum/showthread.php?p=1551702](http://www.kirupa.com/forum/showthread.php?p=1551702)

---

<div class="post-metadata">

### Author: ![jonybigude](https://avatars.discourse-cdn.com/v4/letter/j/fbc32d/32.png) [@jonybigude](https://forum.kirupa.com/u/jonybigude)
#### Post date: [April 6, 2006, 6:54pm UTC](https://forum.kirupa.com/t/circular-preloader/184466/7 "2006-04-06T18:54:22Z")

</div>

i didn’t sent any as file, because i have instaled on my pc the following flash extension:

mc\_tween\_2\_28\_29.mxp

that you can find [here](http://hosted.zeh.com.br/mctween/downloads.html). After you instal it, reboot your macromedia flash, and compilate the fla file again, and… eureka!!

:cap:
