Hello everybody,

so I got my preloader working and counting up until 100%.

My full preloader.js can be found here:

http://mc-communicate.com/preloader.js

I call the preloader on my front-page.js:

2.     var _pPercent = $('<div class="percent">0</div>')
3. var _pbgwhite = $('<div class="bgwhite"></div>')
4. var _pbred = $('<div class="bgred"></div>')
5. 
   
6.     if (!$('.lt-ie9').length) {
7.         _pContainer.append(_pPercent, _pbgwhite, _pbred);
8.         $('body.home').append(_pContainer);
9. 
   
10.         document.addEventListener("collpercent", function () {
11.             _pPercent.text(Math.round(myPreloader.percentage));
12.         })
13. 
    
14.         var myPreloader = new sPreloader({
15.             contentDiv:'main', //ID of your mainContent
16.             loaderDiv:'coll-preloader', //ID of your loading DIV
17.             excludingClass:'no', //Name of class to exclude from the preloader
18.             logProgress:true, //log the percentage through console.log
19.             animation:'fade', //animation type: fade | none
20.             animationSpeed:'1.0' //animation speed
21. 
    
22.         });
23. 
    
24.         myPreloader.start();

But now I want a div to move up while preloading like this:

if 10% preloaded #bgwhite.css(top:40%) if 20% preloaded #bgwhite.css(top:30%) ... and so on

Something like: $(function () { $('.percent:contains("5")').each(function () { $('.bgwhite').css("top","49.7%"); });

Maybe I've sat at this for too long, but does anybody know how to do this?

Greez,

LL