innerHTML Änderung, DOM

[jan]

Hallo,

Ich habe eine kleine "Animation" geschrieben, die während eines Preloadingvorgangs anzeigen soll das gearbeitet wird. Also wird der String, der in innerHTML steht, imer einfach um einen Punkt erweitert.

Ich rufe die "Animation" mit setInterval als Objektvaraible auf, es funktioniert in Safari 2.0 aber nicht im IE7 oder im FF. Was könnte das Problem sein?

  
  
// Animation im Preload Div  
function preload_progress()  
{  
preload_text += '.';  
window.document.getElementById("theDiv").innerHTML=preload_text ;  
  
}  
  
function ImagePreloader(images, callback)  
  
{  
 // Hide the content until all is preloaded  
 document.getElementById("theDiv").style.display="inline";  
 //document.getElementById("page").style.display="none";  
   // store the call-back  
  
  
//Aufruf der "Animation"  window.document.getElementById("theDiv").progress=setInterval("preload_progress()", 500);  
   this.callback = callback;  
  
  
   // initialize internal state.  
   this.nLoaded = 0;  
   this.nProcessed = 0;  
   this.aImages = new Array;  
  
}  
  

Wieso funktioniert da so nicht?