JS non ha capacita` grafiche.
Per una barra di caricamento si puo` simulare la grafica, mediante un'immagine che viene "stirata" del necessario:
codice:
<div id="spazio">
[img]puntorosso.gif[/img]
</div>
dove il CSS sara` del tipo:
codice:
#spazio {
width: 200px;
height: 20px;
border: 1px solid black;
}
#barra {
width: 1px; /* valrore iniziale */
height: 100%;
}
Poi con JS puoi modificare:
document.getElementById('barra').style.width = PERC+'px';
dove la varibile PERC contiene il valore percentuale da usare per riempire lo spazio.
Questo per quanto riguarda la parte "facile".
Invece per passare i dati al client, devi fare un aggiornamento automatico leggendolo dal server ogni volta.
Un iframe potrebbe andare bene, ma non e` supportato da XHTML Strict, per cui non e` una soluzione "moderna".
Non credo ci siano soluzioni valide e supportate al momento.