Animated loading page in Bubble.io | 3 min tutorial

[@moehaug]

Thank you a lot !

[@tommyonjapon]

That is so simple and very nice already - thank you. I want to level up with this, as I have a dropdown list. How can I pop up a loader when the value within my dropdown list is modified?

[@sticknz]

Is there a way you can apply this to replace the top loading bar after you click a button that runs an action before transitioning to a new page?

[@alikamalisarvestani]

that was awesome. thanks man

[@onlytimewilltell8981]

Thanks a lot very good tutorial

[@LeraMulina]

Thank you! It helped me a lot! 🙏

[@GERALTDAVE]

really helpfull

[@tibuigerard1564]

Also I realized that this is for page loads, not just for loading any other element.

[@MotionInProduct]

Yes this is specifically for page loading in Bubble. If you want to use these animated elements in a normal page you could place the same code in an HTML element

[@DavidSaquing]

Nice. Thanks.

[@tibuigerard1564]

problem is that when i edit the layers, i don't know how to bring it back to the page where i have the html that i can copy.

[@MotionInProduct]

When you edit the layers, you would need to save it as a new Lottie file. You would need to create an account on LottieFiles.