Ok this is just on the fly, I'd adjust the colors to match the game better (or a color theme you'd like for the wiki) if this is something what you are looking for. It is in CSS styles (you'd paste in your MediaWiki:Wikia.css page with the new infobox).
Which do you like? You could have one infobox one color theme for weapons and one color theme for characters if you want.
Also I was wondering when I checked article versus a screenshot the info was different, I would like to know more about how the game shows its stats/interface (if you could provide more screen shots) if you like me to help you format the infobox to look more like the in game mode. If you are good with that we could move this to your Wiki and I can start working on the templates and upgrading to the new infoboxes. :)
With the example picture you provided I came up with this adapted from the original template (since I am not the most familiar with this type of template I do a bit a of trial and error), I did a grey background so you can see it has a white border just like in the image you provided (don't worry adding the heart image you had will be easy but I didn't want to download/upload just to use on community corner):
If you like I can set up the template on your Wiki if not I can give you the steps so that it works exactly how you want ie:
I had one hiccup the bar I could do it without the curve line in the inside but then if the bar was full it look like this:
I am not that template savvy to figure out the #if phaser function for this particular template I'd have to ask for help :)
Okay so I got a bit carried away and spent long hours staring at progress bars :P
After searching forever, I found this, the ideal style I'd like my bars to have if I had the ability to code properly
(http://codepen.io/phillipalexander/pen/hvJFC). I think this style is perfect (in a red colour, minus the darker animated stripes going across). Would you know how to use inline CSS rather than using Wikia.css?
Is this too much to ask? Could you help with those please?^ Or if it's too advanced, do you know anyone who could help with it?
I quoted your message with the example bars and saw that you got it to work with the "user friendly template" suggestion I gave you. How did you do that? I googled the #if function, still don't understand it lol.
(Don't worry about the curved line, it's with or without it)
Which means if the video field is filled it will show if it is empty it will not. It would have been nice to have an if function that is the bar is 100%; it have the lined curved, if not; it be not curved. But this is not a template I have used before besides testing in this thread.
On your site create a template named HealthBar (click this link)