Prozentbalken

I

iFreak67

Grünschnabel
Ich möchte einen Prozentbalken auf Basis eines Streams erstellen, da ich in meienr Webanwendung einzelne seiten ahben, die lang dauern um zu laden

Meine Question:

Ist es möglich auf basis eines Ajax oder IFrame aufrufs ein Prozentbalken zu animieren.

Von der Anwendung wird immer ein voller Prozentpunkt gepostet und direkt gesendet mittels ob_flush() (und aktiviertem ob_implizit_flush() in PHP). Es wird auch der Content-Type auf text/plain gesetzt.

Weitere Details:

Ich arbeite mit der neusten Version von jQuery
Die Ausgabe sieht wie folgt aus:

1

2

3

...

100
 
Was suchst du jetzt, ein JavaScript mit dem du den Balken darstellen kannst?

Java: 
<script language="javascript" type="text/javascript">
function prozent (p) {
	document.getElementById("balken").style.width = (p * 5);
	// erst ab 10% die Beschriftung anzeigen, sonst ist der Balken zu klein
	if (p >= 10) document.getElementById("balken").innerHTML = p + "%";
	if (p < 100) {
		p = p + 1;
		// im Beispiel ruft sich die Funktion selber auf
		window.setTimeout("prozent(" + p + ")", 1000);
	}
}
</script>

<body onload="prozent(1);">
<div style="width: 0px; height: 20px; background-color: #FF0000; text-align: center;" id="balken"></div>
</body>

Den Startwert "1" bei onload ersetzt du jetzt durch deine Werte.
 
Wow, nicht schlecht. Wenn jetzt meine. werte ( bei onload) auf basis eines Ajax oder IFrame aufrufs zu animieren****

Von der Anwendung wird immer ein voller Prozentpunkt gepostet und direkt gesendet mittels ob_flush() (und aktiviertem ob_implizit_flush() in PHP). Es wird auch der Content-Type auf text/plain gesetzt.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück