You can also use a single image to show the hp with a lot more of "resolution".
All you have to do is change your hp to the current %
thats is set Variable A = max hp
set variable B = current hp
variable C = % HP (Calculated from the 2 above, I can explain later how to do that, but I'm at the office right now)
then show 3 images:
Image 1 = for hp bar "background" (can be a black shaped bar)
Image 2 = for the "Current Hp" (can be a red shaped bar 50, 100 or 200 pixels long)
image 3 = for the hp bar "border" (this is optional depending on which part of the screen you decide to put the image)
then set the image 1 and 3 to a fixed position (they will not move)
then set image 2 to coordenate X: variable D (Hp coord X) and coordenate Y: a fixed number along with the other images.
it works as follows:
when you have 100% hp, then image 2 is covering image 1 and surrounded by image 3. all you see is a square filled with a red tint.
if the hp drops from 100% the image is moved some pixels to the left (or to the right if you want). revealing part of the black background.
so lets say its 75%. and asuming the image is 100 pixels long then the square will be filled with the first 75 pixels with the red bar from image 2 and the next 25 pixels will be black because part of the image 1 will be revealed (because image 2 was moved 25 pixels to the left, but you must hide those behind image 3 or pass the edge of the screen).
in order to acomplish this set variable D (HP bar coord X) to the following
lets say that you want to put the hp bar on x,y = 120,80
then set variable D = 20 + Variable C (which is the % of current HP) this is valid for a hp bar 100 pixels wide., if you want to use another size you will have to tewak the numbers there
see where I am going?
Sorry I can not explain with more details or images, I'm not in my own PC and did this in a rush (hidden from boss

)
===============================
Edit: