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.