Barra Salute in Scheda PG

Barra Salute in Scheda PG postato il 14/02/2017 13:53:54 nel forum programmazione, open source e hosting e modificato da adminromaantica il 14/02/2017 14:09:17

Salve a tutti, come da titolo vorrei creare una barra di salute nella scheda personaggio che mostri sia una percentuale(esempio 20/100) sia una progress bar o barra di salute che si riempia o diminuisca in base al suo valore.

Ho provato ad inserire questo ma mostra il valore, ed una barra sempre piena

<div class="barra_progressi" style="width: 113%;height: 8px<?php echo $barra; ?>;">
<?php echo $barra=floor((100/$record['salute_max'])*$record['salute']); ?>
</div>

Andando ad inserire i parametri anche nel css

Grazie in anticipo

14/02/2017 14:07:45

Puoi provare ad utilizzare anche le progress bar di HTML5: https://www.w3schools.com/tags/tag_progress.asp https://www.w3schools.com/tags/tag_progress.asp ↗

14/02/2017 14:12:52

gdr-online.com ha scritto: Puoi provare ad utilizzare anche le progress bar di HTML5: https://www.w3schools.com/tags/tag_progress.asp https://www.w3schools.com/tags/tag_progress.asp ↗

Ti ringrazio ho già guardato e provato ma siccome è html quel codice non so come inserire i valori "Value" e "Max" di salute del personaggio in:

<progress value="22" max="100">
</progress>

14/02/2017 14:26:05

Dovrebbe uscire fuori qualcosina di simile:

<progress value="<?php echo $record['salute'] ?>" max="<?php echo $record['salute_max'] ?>"></progress>

14/02/2017 14:48:50

gdr-online.com ha scritto: Dovrebbe uscire fuori qualcosina di simile:

<progress value="<?php echo $record['salute'] ?>" max="<?php echo $record['salute_max'] ?>"></progress>

Grazie mille! :)