Bl4ckSh33p
here is the capx (just change the opacity of the mask to 50 to clearly see what is going on, but don't forget to set it back to 100 after <img src="{SMILIES_PATH}/icon_e_wink.gif" alt=";)" title="Wink"> ):
https://dl.dropboxusercontent.com/u/100 ... ndbar.capx
a quick picture:
and the working version exported:
https://dl.dropboxusercontent.com/u/100 ... index.html
Hope that helps ^^, it is not performance heavy and seems to get the job done just fine
EDIT: the index . html has an annoying seams, it is because I've used multiple frames to do the half-circly bars (for the blue and green exemples), and so the spritesheeting caused that, it wont happen in the capx I gave since only one frame is used, but it is something to keep in mind if that becomes a problem
Edit 2: you can set the hud layer blend mode to normal AND the force own texture to on to achieve the same effect, it will correct display issues in canvas2d renderer