Statusbild eines Arbeitsvorganges

[Sven Rautenberg]

Moin!

Da ich jetzt überhaupt keine Plan habe wie das am besten zu realisieren ist wäre ich für jeden Tipp dankbar.

Es gibt tausend Möglichkeiten, sowas zu realisieren.

1. Bastel dir für die Prozentstufen 10, 20, 30,..., 100 jeweils eine passende Grafik (wenn mehrere Stufen identisch aussehen sollen, kopier sie), und schreib die eingegebene Prozentzahl als Teil des Namens in die Grafikreferenz: src="torte10.gif", src="torte60.gif" usw.

2. Bastel dir passende Grafiken nur einmalig und definiere in der server- oder clientseitigen Sprache, welche Grafik für welchen Zahlenbereich angezeigt werden soll. Gib die Grafikreferenz passend aus.

3. Fortschrittsbalken von 0-100% lassen sich auch realisieren, indem man die Breite oder Höhe einer 1 Pixel breiten bzw. hohen Grafik beeinflußt. Alternativ nimmt man ein anderes Element (z.B. ein DIV), setzt die Grafik als Hintergrundbild ein und verändert passend zum Fortschritt dessen Breite.

4. Selbstverständlich kann man serverseitig auch Grafiken generieren lassen.

5. Außerdem kann man mit Javascript im Browser auch selbst Grafiken malen, wenn der Browser das <canvas>-Element unterstützt (der IE leider nicht).

Und so weiter, und so fort...

- Sven Rautenberg