ansaurus

Question

I have a progressbar, but I want it to stop at 100% and reload the site to redirect users to the next step

Answer 1

A:

Does one of the cookie cutter preloaders work for you?

carl 2009-12-22 18:10:20

the "preloadit" (http://www.dynamicdrive.com/dynamicindex4/preloadit.htm) from dynamicdrive.com can be somewhat modyfied so that it fits what i am looking for.. but, I wonder, is it that hard to add something to the code I provided above to make what I ask?thank you though, it's really appreciated, and if what I just asked above can't be answered, I will definitely use that cookie-cutter-preloader.Chris

Hobhouse 2009-12-22 23:57:16

Not really (mostly because there isn't anything too specific there).You literally just need to preload images using your favorite preload technique (CSS bg, Image object, etc), and each time an image loads, advance the progress bar. At 100%, redirect.

carl 2009-12-23 01:25:03

Answer 2

A:

Okay, figured this out with the support of a friend:

<script type="text/javascript">
var x=0;
//var y=5;
window.onload=progress();

function progress(){
    var timer;

    if(x<100){
        x+=1;
        document.getElementById('progressbar').style.width=x+'%';            
        timer=setTimeout('progress()',-40);
    }else{
        clearTimeout(timer);
        location.href='http://siteexample.com/index.html';
    }
}
</script>

The variable x has a default value of 0. windows.onload launches the progress, the bar fills itself according to the if-statement that it's <100 with x+=1 (this allowed me to imitate the smooth JQuery-animateProgressBar effect). The next two lines are just about the bar itself (getElementById looks for the CSS ID called 'progressbar' and setTimeout is just the time in ms between one call and the other)

Then, when it's bigger than 100 (else, x<100) the timer is cleared and a new location is loaded location.href='http://siteexample.com/index.html.

Hope it's useful to someone else, too. Chris (the commented var y=5 is still for testing; i'm trying to create a slowing-down effect on the progressbar.)

cr0z3r 2009-12-23 22:06:05

ansaurus

tags:

views:

answers:

I have a progressbar, but I want it to stop at 100% and reload the site to redirect users to the next step

related questions