Prøv, prøv og atter prøv ...
-- og så har jeg fået den ganske glimrende undervisning, det er, at blive stillet overfor alle muliges mærkelige spørgsmål herinde !-)
-- og lidt udbygning:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Loadbar</title>
<style type="text/css">
body{font-family:verdana,sans-serif;font-size:xx-small;font-weight:bold;}
div,div *{position:relative;width:100px;color:#fff;}
div{background:#777;}
#bar{
width:5px;
height:20px;
background-color:#CB1300;
position:absolute;text-align:center;
}
#bar2{
width:5px;
height:20px;
background-color:#CB1300;
position:absolute;text-align:center;
}
</style>
<script type="text/javascript">
var bredde = 5, bredde2 = 5;
function grow(){
document.getElementById('bar').style.width = bredde + 'px';
document.getElementById('barTekst').innerHTML = bredde + " %";
if(bredde==100)return;
bredde += 1;
if(bredde > 100){
bredde = 100;
}else if(bredde >= 30 && bredde2 == 5){
grow2();
}
setTimeout('grow()',10)
}
function grow2(){
document.getElementById('bar2').style.width = bredde2 + 'px';
document.getElementById('bar2Tekst').innerHTML = bredde2 + " %";
if(bredde2==100)return;
bredde2 += 1;
if(bredde2 > 100){
bredde2 = 100;
}else if(bredde >= 30){
setTimeout('grow2()',10)
}else{
bredde2 = 5;
}
}
</script>
</head>
<body onLoad="grow();">
<div>
<div id="bar"> </div>
<span id="barTekst"> </span>
</div>
<div>
<div id="bar2"> </div>
<span id="bar2Tekst"> </span>
</div>
</body>
</html>