Si, tendrias que jugar un poco con las velocidades y tiempos, nada mas...
Tambien podrias achicar el tamaño de la barra a 2 o 3 px y ahi si que ni se va a notar, tambien tenes que jugar con el color de fondo y demas
Ademas lo que hago ahi es agrandar el tamaño de un div y eso consume mas procesador que, por ejemplo, agrandar el tamaño de una imagen.
Entonces en vez de un div con id="barra" podrias poner una imagen con ese id y estirarla
=)
Mira ahi me quedo re parecido al de esa pagina =P
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Jackson666" />
<title>Untitled 2</title>
<style type="text/css">
*{margin: 0;padding: 0;}
body{background-color: #072737;}
#barra{
background-color: #A1CEE8;
height:2px;
position: absolute;
left: 0;
top: 29px;
}
#contenedor{
position: relative;
margin: 200px auto 0 auto;
height: 60px;
width: 80%;
background-color: #132E3C;
border: 1px solid #10445E;
padding: 0 20px 0 20px;
}
</style>
</head>
<body>
<div id="contenedor">
<div id="barra"></div>
</div>
<script type="text/javascript">
var x=0;
window.onload=progress();
function progress(){
var timer;
if(x<100){
x++;
document.getElementById('barra').style.width=x+'%';
timer=setTimeout('progress()',15);
}else{
x=0;
progress();
//clearTimeout(timer);
//location.href='tuPagina.htm';
}
}
</script>
</body>
</html> Suerte y gracias por el karma!!