How do I remove a part of an image in a widget?

I am working on a project and have loads of ideas, but ran into a question.

One of my ideas is to make the Health & HBR Meter a bit Translucent with Emptiness where the HBR text is. (Preview:)

But don’t know how to remove the part of the image where the text overlaps. (Preview:)

Could someone please explain how could I make this work? :confused:
Thank you.

Has anyone found an answer yet?

I can’t even seem to find any tutorials or similar questions / posts. :frowning:

its not an easy question to answer. my first thought is that you would need to mask out where the numbers will be so that is becomes translucent. that in itself is a difficult task.

Oh. Anyways I’ll try to look into masking.

Thanks for the reply. :slight_smile: