Progressbar en Javascript que pare en 100%

[crozer]

Iniciado por barclow

hola,

podrías poner cómo quedó el script al final, al parecer ahora tiene ese efecto de frenado y todo eso.

Saludos

Código:

        <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()',y*(y-10);
    }else{
        //clearTimeout(timer);
        //location.href='http://en.chrishonn.com/index.html';
    }
}
</script>

Así está el código. Sin embargo, me marca error en la parte del * entre ambas 'y'.
Hasta que jackson666 o alguien más me pueda responder la pregunta anterior (lo del multiplicador en javascript), el código sin tratar de conseguir el efecto de frenado es asi:

Código:

        <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://en.chrishonn.com/index.html';
    }
}
</script>

El -40 me da un efecto de aceleración, creo que juega con mi ojo pero me gusta.. (digo que juega con mi ojo porque matemáticamente la barra no debería acelerar)