Rank Bar – CSS – Fórum – Programujte.com

Ahojte, pokúšal som som sa vytvoriť nejaký jednoduchý "Ranking Bar" vytvoril som niečo takéto:

<div style="background:white;border:2px solid black;height:20px;width:100px;">

<div style="background:green;height:20px;width:12px">Tvoj rank</div>

</div>

Ten rank je jen čára nebo jak to je?

malo by to vyzerať nejako takto:

tak tohle můžeš udělat GD knihovnou v PHP nebo udělat DIV v DIVu třeba :-)

Radšej by som asi využil ten, div, ale ako na to mohol by si prosím napísať ako na to?

<div style="width:100px;height:10px"><div style="width:20px;background:green;height:10px"> </div></div>

Ďakujem, za pomoc!

funguje?
tu šířku měníš podle toho jakej má rank

nebo třeba můžeš přes procenta, když dáš width:20% tak bude mít třeba pětinu maximálně možnýho ranku :-)