Barra de crecimiento

odin_spain · #1 (**permalink**) 20/02/2007, 03:18

Saludos, estoy buscando hacer para mi web una barra que vaya creciendo sola a un ritmo y durante un tiempo, en la misma pagina (no es una barra de carga)

He estado mirando barras de carga, graficas y demás, pero no he encontrado la forma de adaptarlo para conseguir algo tan simple, por que lo mio no es Javascript.

Ya he conseguido hacer un incrementador (que arranque de una cantidad y crezca a una velocidad), pero no se como hacer que ese numero que crece sea el la longitud de una barra.

¿alguien me puede hechar una mano?

Gracias

caricatos · #2 (**permalink**) 20/02/2007, 03:32

Hola:

Un ejemplo sencillito:

Código:

<html>
<head>
<script type="text/javascript">
function barra(n) {
 document.getElementById("barrita").style.width = n + "%";
 if (n < 100) setTimeout("barra(" + (++n) + ")", 100);
}
</script>
</head>
<body >
<div id='contenedor' style='position: relative;' >
<div id="barrita" style="background-color: red; height: 20px; width: 0;">
</div>
</div>
<button type="button" onclick="barra(0)" >empezar</button>
</body>
</html>

Saludos

odin_spain · #3 (**permalink**) 20/02/2007, 03:40

¡SIII! es eso lo que buscaba, seguro que tu lo has hecho en 5 min pero yo me pase toda la tarde intentandolo.

Lo adaptare a mi web, muchas gracias!!