roleplay
Latest topics
Jason Brone
Today at 12:30 am
HoodieManX

Shinobi Generations | Naruto Role-Playing
July 17th 2017, 2:15 pm
Guest

Archangel
July 14th 2017, 8:58 pm
OneWingedDemon

Julian
July 14th 2017, 8:13 pm
OneWingedDemon

Eric Glint (WIP)
July 14th 2017, 11:43 am
Eric Glint

Staff
Updates
10.3.2017 - A mysterious light filled the Sea of Skies. Those who wielded great power and abilities found themselves back at square one, as if reset.


View previous topic View next topic Go down

            
Paul:)
avatar
Post Count : 1496
This is actually pretty basic HTML that anyone can learn, I learned it after watching a YouTube tutorial on how to make something completely different. Needless to say the guy indirectly taught me how to do something that I thought was freakin' awesome! It's so easy in fact, that I decided I'd share it with you guys, since I plan on using it now. :)

Code:
Health:
<html>
<body>
<progress id="healthbar" value="100" max="100" style="width:300px;"></progress>
</body>
</html>



Health:






In the code above my value is at 100-- meaning my healthbar is maxed. I haven't taken damage yet in the RP, woot! Now, after getting slapped around by my enemy to the point I'm half beaten I can easily make this bar change. I just have to make my value 50 and poof, the code will change the bar to this. It's fucking cyber magic dudes.

Health:







If you want to change the length of your bar as a whole, just change the width, it's easy as pie. By changing my width from 300px, to 100px I end up with the bar below.

Health:






Health:






No credit needed guys, take it as you want it. Just remember who it was that taught you if anyone ever asks. Enjoy!

___________________
---

this account got bitches

Back to top Go down

View previous topic View next topic Back to top

- Similar topics