Load bar per layout?

From what I understand, a C3 HTML 5 game doesn't load all at once, each layout loads separately? If that's the case, how do I add a loading bar per layout?

My problem right now is that the first layout loads really quickly because there's not a lot going on, just a splash page, but the second layout takes time to load and sometimes doesn't load at all, it's just stuck on the first layout. It would be nice to show a load bar so people can tell its progression.

1. At startup the game loads all resources into temporary browser files, this is shown by the progress bar on the start screen. If you have the game loaded quickly then everything is normal.

2. When the game is loaded at the start of each layout, all layout objects are loaded into video memory. If you have a long loaded layout may be you layout takes too much video memory or other problems in the layout itself.

To understand more precisely you need to look at the problem.

but the second layout takes time to load and sometimes doesn't load at all

How long does it take to load? And getting stuck... sounds like a bug of some sort.

Either way, you can manually load images. Here's roughly what you wanna do

1. Have a global layer that shows your loading bar

2. Instead of going to the next layout right away, show the loading bar instead

3. Use the Memory Management actions to load the images (load layout images) construct.net/en/make-games/manuals/construct-3/system-reference/system-actions

4. Use the conditions to check for the loading to be complete construct.net/en/make-games/manuals/construct-3/system-reference/system-conditions

5. Once complete, go to the next layout and hide the loading bar again

You can show the progress of loading via the Memory Management expression

construct.net/en/make-games/manuals/construct-3/system-reference/system-expressions