Hallo brockerdocker,
<script language="JavaScript">
hier fehlt type="text/javascript
document.write("<p style='background-color:#00FF00; width:10px; height:10px; margin:0px; position:absolute; top:200px; left:" + Abstand + "px;'> </p>");
document.write macht nur Sinn, wenn es während des Seitenaufbaus eingesetzt wird. Hinterher, wie bei dir, ersetzt es den Inhalt der Seite. Du wirst den Balken wohl mit DOM-Methoden erstellen müssen. Wobei du evtl. nur ein DIV erzeugen musst, dessen Breite du dann erhöhst. Schau dir mal die Kapitel zu createElement, appendChild, getElemenById etc. an. (http://de.selfhtml.org/javascript/objekte/document.htm, http://de.selfhtml.org/javascript/objekte/node.htm, http://de.selfhtml.org/javascript/objekte/style.htm)
Gruß, Jürgen