pricey

You should create a new bunch od DIV tags in the styling section and then use those to adjust your stat progress bars, below is a sample code similar to what i use (i hope this is what you mean btw) I have included the mccode's variables so hopefully they will work for you or give you an idea of who i got them working, i'd suggest having a play around with the code to get it how you want, but overall if you change the "width" in the css under ".prog-empty-top" it should change the overall length but keep the health percentages normal for you. Add this into your code where you want your stat bar to appear <div class="hp"> <table> <tr> <td rowspan='2'><img src='[b]INSERT ICON HERE[/b]'> </td><td> Health <span id="health_stats">{$ir['energy'}]/{$ir['maxenergy'}</span></td> </tr> <tr><td><div class="prog-empty-top" title="{$ir['energy'}]/{$ir['maxenergy'}"><div class="prog-bar-top" id="prog-bar-hp" style="width: {$ir['energy']/$ir['maxenergy']*100}%;" title="{$ir['energy'}]/{$ir['maxenergy'}"> </div></div></td> </tr> </table> </div>   Add this to your stylesheet or into the header styling [CSS] .hp { color:#FFFFFF; float: left; font-size:10px; line-height:16px; margin-bottom: 1px; margin-right: 10px; } .prog-empty-top { background:#373737 none repeat scroll 0 0; font-size:1px; height:8px; padding:1px; width:120px;} .prog-bar-top { background:transparent url( INSERT BACKGROUND IMAGE HERE) repeat-x scroll left top; height:8px; margin:0; padding:0; } [/CSS] here's a screenshot of what the above should look similar too (0bviously you will need to edit it to suit your game etc) http://prntscr.com/5uumr   P.S - take note this works for me but it may not work for everyone and the coding may not be the clearest to understand but i hope it gives you an idea of somewhat how to go about on finding a solution for your conundrum. Cheers Pricey:cool:

well some american government fraction has stole your website lol