Max E.: Ladebalken wenn Seite lädt

Beitrag lesen

<script type="text/javascript">
// JavaScript-Ladebalken mit Prozent-Anzeige
var zaehler = 1;
function load3(ziel) {
 if ( zaehler < ziel) {
  zaehler = zaehler + 1;
  document.getElementById("status3").style.width = zaehler + "px";
 var prozent = Math.round( zaehler/ziel * 100);
  document.getElementById("counter3").innerHTML = prozent+" %";
  window.setTimeout("load3('" + ziel + "')", 25);
 }
 else {
  zaehler = 1;
 }
}
</script>

<div
 style="position: relative;
  width:400px; background-color: #C0C0C0; border: solid 1px #000000;">
<span id="counter3"
 style="position: absolute;
  width: 100%; z-index: 3; text-align: center; font-weight: bold;">0%</span>
<div id="status3"
 style="position: relative;
  background-color: #00FF00; width:0px; height: 22px;
  border-right: solid 1px #000000; z-index: 2;">&thinsp;</div>
</div>