ho visto anche questo esempio che è su html.it che è perfetto, l'unica cosa è che se lo modifico per renderlo multi progress mi da errore




<title>Progress</title>

<style type="text/css">
body{background:#FFF}
div.progress{width: 100px !important; width /**/: 104px;
margin: 0.5em 0;border: 1px solid #CCC;padding: 1px;
font: 12px/16px Arial,sans-serif;text-align: center}

div.progress span{display:block;width:100px;
background:#ECECEC url(progressBk.png) no-repeat 0 0;
color:#002F7E}
</style>


<script>
// VARIABILI NECESSARIE
var tot_secondi=10;

function avvia(div){
avanzamento=setInterval('avanza(div)',(tot_secondi *10));
}

a=1;

function avanza(div){
if(a<101){
document.getElementById(div).innerHTML=a+"%";
document.getElementById(div).style.backgroundPosit ion="-"+(100-a)+"px";
++a;
}else{
clearInterval(avanzamento);
}

}

</script>




</head>
<body>



<div align="center" style="background-color:white;padding:3px">


<body onload="avvia('percentuale');">
<div class="progress">
<span id="percentuale" style="background-position:-100px 0">0%</span>
</div>
<div class="progress">
<span id="percentuale2" style="background-position:-100px 0">0%</span>
</div>
</body>
</html>