HP Bar in php

Hey,

Voor mijn nieuwe project heb ik een hp-bar nodig, die aan de hand van een percentage gevuld wordt. Het systeem werkt door de hp-punten die in de database staan, hiervan wil ik het percentage van het totaal berekenen en de bar tot zover vullen.

Waar loop ik tegenaan? Het opvragen uit de database en berekenen en die ongein lukt me wel, maar als iemand me zou kunnen vertelen hoe ik zon balk kan maken? Het liefste zou ik hem ook in drie verschillende kleuren hebben, namelijk 51% tot 100% groen, 26% tot 50% oranje en 1% tot 25% rood.

Ik hoop dat iemand wat tips heeft, of misschien een site waar een dergelijke tutorial op staat...

Mzzl,

Sibren

Als je het percentage in PHP kan berekenen, dan kan je toch ook kijken of het hoger is dan een bepaalde waard. Aan de hand daarvan kan je bijv. een andere CSS-styling geven.

Klopt, maar ik wil dat het balkje leegloopt zeg maar. Bij 100% hp voor 100% vol, bij 83% hp voor 83% vol. Ik zou eerlijk gezegd niet weten hoe ik dit in CSS kan coderen

Sibren schreef:

Klopt, maar ik wil dat het balkje leegloopt zeg maar. Bij 100% hp voor 100% vol, bij 83% hp voor 83% vol. Ik zou eerlijk gezegd niet weten hoe ik dit in CSS kan coderen

Een balkje nemen met 100% en dan daarover een afbeelding met width ... %

Thx ga het uitproberen!