# Preloader
**URL:** https://forum.kirupa.com/t/preloader/7636
**Category:** Uncategorized
**Created:** [November 4, 2002, 11:29pm UTC](https://forum.kirupa.com/t/preloader/7636 "2002-11-04T23:29:45Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@lazybrown](https://forum.kirupa.com/u/lazybrown)
#### Post date: [November 4, 2002, 11:29pm UTC](https://forum.kirupa.com/t/preloader/7636/1 "2002-11-04T23:29:45Z")
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
\”\)
and when it is half way through (for instance), it looks like this
\”\)
Could anyone point me in the direction of a tutorial or perhaps give me a few pointers?
Thanks
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [November 5, 2002, 10:46am UTC](https://forum.kirupa.com/t/preloader/7636/2 "2002-11-05T10:46:45Z")
Hi,
Follow this recipe:
[http://www.kirupa.com/developer/mx/percentage\_loader.asp](http://www.kirupa.com/developer/mx/percentage_loader.asp)
and simply mask the preloading bar with your text, place the text borders on top and delete text fields to your own taste.
Bon profit
SHO
---
### Author:  [@system](https://forum.kirupa.com/u/system)
#### Post date: [November 5, 2002, 11:07am UTC](https://forum.kirupa.com/t/preloader/7636/3 "2002-11-05T11:07:09Z")
here is a tutorial by Todd Yard:
[http://www.27bobs.com/Tutorials/preloader\_4/preloaders4.html](http://www.27bobs.com/Tutorials/preloader_4/preloaders4.html)
Cheers!