Lieber foomaker,
<img src="balken.png" width="67px" ...>
Hier hätte der Teilnehmer 67 Punkte.
wenn man dann hinter das Bild (besser: hinter das Elternelement des Bildes) noch eine Hintergrundfarbe legt, dann hat man (bei einfarbigem Bild) noch den "zweifarbigen" Effekt...
Etwa so könnte ich mir das vorstellen (ungetestet!):
<span style="width: 200px;background:red"><img src="gruener_balken.gif" alt="63 von 100 Punkten! " style="width: 126px" /></span>
Zu diesem Beispiel hatte ich spontan die Idee, die Punkte immer zwei Pixel breit darzustellen, aber man kann den Faktor entprechend anpassen.
Liebe Grüße aus Ellwangen,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)