How do I clip a child progress bar to a sprite’s shape in Construct 3?

Hello everyone! I’m trying to clip a 9-patch progress bar that sits on top of a sprite (button) in Construct 3. The progress bar is set as a child object of the button and can become larger in both width and height during animation.

How do I clip the progress bar so that anything outside the button’s shape is hidden?

I initially thought this could be done using overlay / blend / effect parameters, but I’m not sure which approach is correct or what values should be applied to the progress bar and the button.

It's just that my buttons aren't always rectangular, so the progress bar has to kind of flow around them.

Any guidance or best practices would be appreciated. Thanks!

See the official "Blend modes" example. You need to place both objects on the same layer and enable own textures on the layer. The blend mode should be applied to the top object. For example, you can bring the 9patch to front and set its blend mode to Source Atop.

See the official "Blend modes" example. You need to place both objects on the same layer and enable own textures on the layer. The blend mode should be applied to the top object. For example, you can bring the 9patch to front and set its blend mode to Source Atop.

Thank you, I looked at the example and it worked