How do I have the progress bar fade out?

I am trying to make a layout transition to fade to black using an object that fades in on command and transitions to the next layout and I cannot get the progress bar to exist underneath this fade object and it looks very unnatural.

Is there any way I can make the progress bar fade too?

If not is there another solution for the progress bar that would work for this senario?

You can't change opacity for Form Control objects, and they will always be above all other layers.

Use a sprite or TiledBackground object instead of the progress bar. It's very easy - set origin point on the left and update its width, for example:

Bar Set width to 300*(Player.health/100)

where 300 is the maximum width, and 100 is the maximum health.