HTML Progress Bar

[Gast]

Hallo!
ich habe für mein forumieren Forum (PunBB) eine JavaScript seite mit folgendem Skript angelegt:

  
var maxprogress = 250;   // total to reach  
var actualprogress = 0;  // current value  
var itv = 0;  // id for setinterval  
function prog()  
{  
  if(actualprogress >= maxprogress)  
  {  
    clearInterval(itv);   	  
    return;  
  }	  
  var progressnum = document.getElementById("progressnum");  
  var indicator = document.getElementById("indicator");  
  actualprogress += 1;	  
  indicator.style.width=actualprogress + "px";  
  progressnum.innerHTML = (maxprogress - actualprogress) + " secondes restantes";  
}

Dann habe ich folgenden CSS Code in die Struktur aufgenommen:

  
#progressbar  
{  
  position:relative;  
  width:250px;  
  padding:0 0 0 0;  
  background-image:url("http://www.scriptol.com/html5/image/pggray.png");  
  height:14px;  
  border:1px solid #CCC;  
  -moz-border-radius:2px;  
  border-radius:2px;	  
}  
#indicator  
{  
  position:absolute;  
  left:0;  
  top:0;  
  width:0px;  
  background-image:url("http://www.scriptol.com/html5/image/pggreen.png");  
  height:14px;  
  margin:0 0 0 0;  
}

Und auf einer Seite diesen HTML Code eingefügt, damit beim Klicken auf Start sich die Leiste füllt und beim Klick auf Stop stoppt:

  
<p id="progressnum"></p>  
<div id="progressbar">  
<div id="indicator"></div>  
</div>  
<input type="button" name="Submit" value="Start" onClick="itv = setInterval(prog, 100)">  
<input type="button" name="Submit" value="Stop" onClick="clearInterval(itv)">  

Nur leider passiert beim Klicken auf die Buttons nichts. Das Skript hab ich mit script type eingefügt...
Kennt sich jemand damit aus der vielleicht auch PunBB und Forumieren benutzt?
Vielen Dank im Voraus

[1UnitedPower]

Am Rande: Es gibt ein progress-Element in HTML5.