[haiboss]

You can use the image version for this modication
This is my way :

Upload the provided XML file
Open template posbit or postbit_legacy
where you see fit.

Level: $showlevel<br />
HP: $hp / $maxhp
<table width="100%" >
<tr style="background-image:url(level/red_faded.gif)">
<td nowrap="nowrap" ><img src="level/red_left.gif" height="8"><img src="level/red.gif" width="$hpf% " height="8" /><img src="level/red_faded_right.gif" width="1" height="8" /></td>
</tr>
</table>
<span>MP: $mp / $maxmp</span>
<table width="100%" >
<tr style="background-image:url(level/green_faded.gif)">
<td nowrap="nowrap" ><img src="level/green_left.gif" height="8"><img src="level/green.gif" width="$mp / $maxmp" height="8" /><img src="level/green_faded_right.gif" width="1" height="8" /></td>
</tr>
</table>
<span>EXP: $ep% </span>
<table width="100%" >
<tr style="background-image:url(level/grey_faded.gif)">
<td nowrap="nowrap"><img src="level/grey_left.gif" height="8"><img src="level/grey.gif" width="$ep%" height="8" /><img src="level/grey_faded_right.gif" width="1" height="8" /></td>
</tr>
</table>

Upload level directory to your forum root
All Done !