How do I solve progress bar visibility?

Hi,

I have a problem with the progress bar object.

I make a progress bar on level 0, than I add a new layer on top (let's call it layer 1).

I add a black rectangle on layer 1; the rectangle partially is over the progress bar. But the full progress bar appears on top of the rectangle.

I need to have only the progress bar part that is not covered by the rectangle to be visible. How can I solve it?

I made a capx: https://www.dropbox.com/s/hmqxmkpm09n7b ... .capx?dl=0

Thank you!

Probably this is the problem... from the manual: "Therefore, nothing can be displayed on top of a form control, apart from other form controls."

So maybe I have to use a sprite. Anyway if anyone have a different solution... is welcome

Yeah just create your own with a sprite if you're not planning on using the progress bar colours. When you come to relate the length of the overlapping sprite to the progress bar progress then you will essentially be making your own anyway...

Yeah, The progress bar always has to be on top.

"Form controls are actual HTML elements floating above the game canvas in the HTML page. Therefore, nothing can be displayed on top of a form control, apart from other form controls."

^^ From the construct 2 help on progress bar scirra.com/manual/180/progress-bar

So guess you have to make it your self