How do I keep object bottom aligned with scaled window

I would like to have the background layer scaled, so there is no letterboxing on different aspect ratios.

However, the UI layer (which in my case consists of a progress bar and button at the bottom) should always be visible and stay anchored to the bottom of the browser window.

Reading examples and tutorials I thought that adding an Anchor to the progress bar should suffice but unfortunately it does not. For portrait orientation the progress bar is anchored at the bottom and visible, but for landscape it disappears.

https://www.dropbox.com/s/8s5ccrpd06txr ... .capx?dl=0

Could anyone tell me which steps to take in the above Capx to achieve the desired outcome?

I would like to have the background layer scaled, so there is no letterboxing on different aspect ratios.

However, the UI layer (which in my case consists of a progress bar and button at the bottom) should always be visible and stay anchored to the bottom of the browser window.

Reading examples and tutorials I thought that adding an Anchor to the progress bar should suffice but unfortunately it does not. For portrait orientation the progress bar is anchored at the bottom and visible, but for landscape it disappears.

https://www.dropbox.com/s/8s5ccrpd06txr ... .capx?dl=0

Could anyone tell me which steps to take in the above Capx to achieve the desired outcome?

Have you tried Global Layout found under Layer Option's Editor Properties?

https://www.scirra.com/tutorials/4850/g ... -global-ui