View Single Post
  #33  
Old 05-16-2017, 11:29 AM
kristhasirah's Avatar
kristhasirah kristhasirah is offline
Member
 
Join Date: Jan 2010
Location: In middle of the nothingness
Posts: 196
Gender: Female
Credits: 28,381
kristhasirah
Default

just want to point out that the progress bar dont work in all the browsers, specially old ones, to "fix" this you need to create a div like progress bar :
https://css-tricks.com/html5-progress-element/ <-- there you will find the "fix" for that =)
in short you just need to add the css codes to your style.css and call them with the div:
PHP Code:
<progress max='100' value='{$health}'>
    <
div class="progress-bar">
        <
span style='width: 80%;'>Progress80%</span>
    </
div>
</
progress
just replace the 80% with the {$health} or the status you created and you need to add max-width: 100px(or the max value of the status); to the .progress-bar > span {

you might need to remove 1 or 2px from the max-width... sometimes the filled bar gets out of the container by that.
Reply With Quote