After exploring some wikia or fandom, I found a good template without using javascript. It called, Character Stats Bar. Thanks to Counter Strike Online's Staff, who designed the Character Stats Bar Template.
So, I tweak some code there and put this on my blog. For example, I pick all stats from Hellagur E1 Max on Character Stats Bar to view the result of.
Preview
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|Health
|
|
2868/4000
|
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|Attack
|
|
632/1200
|
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|Defense
|
|
283/1000
|
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|Resilience
|
|
0/20
|
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|Redeploy Time
|
|
70/150
|
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|DP Cost
|
|
24/35
|
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|Block
|
|
1/4
|
width="27%;" style="background-color:#000000; padding:4px; border-radius: 4px; Template:Linear-gradient; line-height:0.5em; color:white; font-size:75%"|Attack Speed
|
|
1.2/3
|
Preview Template
If you're like this template, please add this template on your wiki and customize this template with your own style. :)
Note
This template on beta version. Maybe this template get a bug or malfunction. Please contact me if you found the bug... :3