[SOLVED] Progress bar

[noobstar]

Good evening everyone

 

I was thinking of adding a sort of like a progress bar to my friend's forum. What it would do is determine how far of the person is from a certain rank i.e. user (joe) has a current rank of Noobie the next rank would be Regular between noobie and regular he needs a total of 30 posts. Now what this should do is basically display a horizontal progress bar from 0-100% how far of they are to that rank.

 

I've seen similar things on other forums but I am not to sure on how to go about this :S

 

Thank you for any replies

[monk.e.boy]

Use a <table>

 

The TD can have a percentage with, so if your user has 25%:

 

<table bgcolor="white"><td width="25%" bgcolor="green"> </td><td> </td></table>

 

Something like the above will work.

 

monk.e.boy

[noobstar]

Thx heaps for this

[ToonMariner]

you could achive the very same thing with just a simple span or div - much less code.

 

[noobstar]

sweet i will give both a try thank you for the replies guys

[monk.e.boy]

you could achive the very same thing with just a simple span or div - much less code.

 

 

I don't think div and span percentages work in IE6? Not sure.

 

.pngs, or .gifs are also an option.

 

monk.e.boy

[ToonMariner]

depends what dtd you have and your css...