Barra Progreso en Javascript

[dezagus]

Hola a Todos.

Estoy intentando hacer una barra de progreso para mi sistema de carga de archivos.

Buscando por internet encontré muchos códigos, pero todos usan un tiempo predeterminado de carga, osea que no reciben información del exterior y su trabajo no es dinámico.

Me gustaria realizar una barra de carga dinámica que se actualice a medida que cargue el archivo.

Si alguien dispone de algún código con estas características, estaria muy agradecido si fuese a compartirlo.

Esto es lo que uso:

Código HTML:

<table width="669" border="0" align="center" cellpadding="0" cellspacing="0">
              <tr>
                <td>&nbsp;</td>
              </tr>
              <tr>
                <td><form action="" method="post" name="form" id="form" enctype="multipart/form-data">
                  <table width="636" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                      <td width="199" height="25"><div align="center"><font size="2" face="Arial, Helvetica, sans-serif">Escoje tu archivo a Guardar </font></div></td>
                      <td width="311"><div align="center"><font size="2" face="Verdana, Tahoma, Arial">
                          <input name="archivo" type="file" id="archivo" />
                      </font></div></td>
                      <td width="126" rowspan="2"><div align="center"><font size="2" face="Verdana, Tahoma, Arial">
                          <input name="Submit" type="submit" value="Subir Archivo" />
                      </font></div></td>
                    </tr>
                    <tr>
                      <td colspan="2"><table width="100%" border="0" cellspacing="2" cellpadding="0">
                          <tr>
                            <td width="22"><div align="center"> <font size="2" face="Arial, Helvetica, sans-serif">
                                <input name="radiobutton" type="radio" value="radiobutton" checked>
                            </font></div></td>
                            <td width="325"><div align="left"><font size="2" face="Arial, Helvetica, sans-serif">Archivo P&uacute;blico (recomendado, se ver&aacute; en buscadores) </font></div></td>
                            <td width="20"><div align="center"> <font size="2" face="Arial, Helvetica, sans-serif">
                                <input name="radiobutton" type="radio" value="radiobutton">
                            </font></div></td>
                            <td width="129"><font size="2" face="Arial, Helvetica, sans-serif">Archivo Privado</font></td>
                          </tr>
                      </table></td>
                    </tr>
                  </table>
                </form></td>
              </tr>
            </table>