<div style="text-align: center; ">
<div style="text-align: center; "><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 + "')", 100);
}
else {
zaehler = 1;
}
}
</script>
<div style="position: relative;
width:400px; background-color: #BBBBBB; border: solid 1px #000000;">
<div style="text-align: left; "><span style="color: rgb(0, 0, 0); "><span id="counter3" style="position: absolute; width: 100%; z-index: 3; text-align: center; font-weight: bold; ">0 %</span></span></div>
<div id="status3" style="position: relative;
background-color: #0CFF29; width:0px; height: 22px;
border-right: solid 10px #0CFF29; z-index: 2;"> </div>
</div>
</div>
</div>
<a href="javascript:load3('400');">Start</a>
