Progressbar ála wbb3 Hilfe!

[Daniel_Knecht]

Hallo,
ich baue gerade eine bbcode progressbar die so ähnlich ist wie die von wbb3. Nun habe ich aber ein Problem wo ihr mir helfen MÜSST

[ externes Bild ]
Wie ihr seht ist der Text in der Progressbar ab der unteren Hälfte Weg oder sehr stark Transparent.
Die Progressbar st wie folgt aufgebaut:

<hintergrundbild>
<oberen 50% des balkens + text>
<unteren 50% des balkens mit opacity>

Code: Alles auswählen

<div>{TEXT}<div style="background:url(images/progress_back.png) repeat-x; border:1px solid black; width:50%; height:18px;"><div style="color:#{TEXT3}; background-color:#{TEXT2}; font-weight:bold; width:{NUMBER}%; height:9px;">&nbsp;&nbsp;&nbsp;{NUMBER}%</div><div style="background-color:#{TEXT2}; width:{NUMBER}%; height:9px; opacity:0.8;"></div></div></div>

Vllt. wisst ihr wie ich das Problem lösen kann das der Text Voll Sichtbar ist?

Danke schon mal

[Daniel_Knecht]

Problem gelöst!

Ich hab den Text in ein neuen DIV getan und diesen über margin-top:-XXpx; mittig auf den Balken angepasst.

[Chalong]

Eine Alternative ?

[Daniel_Knecht]

Nein danke ich habe es schon hin bekommen

Meine bisherigen 2 wbb3 to phpbb3 BBCodes können hier bestaunt werden