Board Thread:Support Requests - Getting Technical/@comment-3329304-20140103053517/@comment-3147293-20140104121056

I'll try to show a quick example that doesn't require javascript.

Template  

CSS .stats { overflow-x: visible; } .stats:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0; } .stats .cap { float; left; width: 65px; text-align: right; padding-right: 5px; } .stats .track { float: left; width: 120px; white-space: nowrap; overflow-x: visible; } .stats .bar { background: #2187e7; height: 6px; margin: 1px 0 2px; } .stats .val { margin-left: 3px; }

Then if you write something like next:

that will produce: Attack 5.5 Defense 10 Agility 2.5


 * You might have to adjust some pixel values to fit your infobox.
 * If your status value exceeds the max number, it will add an ugly line break on some browsers (e.g. IE<10). If you want to fix this, you need a little bit more complicate CSS code.