用图片的办法很容易就能实现的说。。。。但是现在不方便制作范例哦。。。
遗憾ing   没有帮到该帮助的人哦。。。。。。:'(
但是说说具体的方法还是可以的。。
先用一张图做底框。
然后就是条的图片。。。。说不清楚哦。。。
关键的公式是：能力值 / 能力值的MAX  *  图片的宽
其他的一时也说不清楚。。。。。了。。