Fortschrittsbalken in einem Formular

[Abbadon]

Hi @ all,
ich hab folgendes Problem:
ich will ein Formular schreiben, bei dem ganz unten ein Fortschritsbalken ist. Wenn der Benutzer ein Feld ausfüllt soll sich der Balken füllen, so dass wenn alle Felder ausgefüllt wurden er vollkommen ausgefüllt ist. Ich habe schon versucht das ganze mit javascript zu machen, funst aber nicht wie ichs gemacht haben:

<script type="text/javascript">
if(document.getElementByName("name") != "") {
  document.getElementByName("fortschritt").style.width = "25%";
}
</script>

<FORM method="post" action="...">
 <input type="text" name="name">NAME<br>
<DIV style="height:20px;width:170px; background-color:#000000;"><INPUT type="text" readonly name="fortschritt" style="height:20px;width:0%; background-color:green;"></DIV></DIV>
</FORM>

Also was ist daran falsch?
und ist folgende schreibweise möglich:
document.getElementByName("fortschritt").style.width += "25%";