How to disable the loading bar | Bubble tutorial

Follow me:

To disable the loading bar at the top of the screen in Bubble is not as straightforward as it may seem. It can seem a bit inconsistent with Bubble’s philosophy of letting the developer decide what their app should look like and behave. You can sort of remove it by setting its color to transparent, but it’s still technically there.

User BubbleSam from Digital Eye Plugins shared a great tip that let’s you hide the Bubble loading bar completely with a short snippet of HTML code.

  1. Add an HTML element

    First, place an HTML element on the page. It doesn’t matter where you place it, as long as it’s visible on page load and remains visible.

  2. Place the code in the element do hide the loading bar

    Then, in that element, place the following code:

    #nprogress { visibility: hidden; }

    And that’s it! The loading bar will be hidden on every page with the element present. If you want to thank Sam for contributing, here’s the original thread on the Bubble forum.

You can find more quick tips like this, and check out our basic and advanced Bubble tutorials if you want to learn more.

Support the site and keep it free ❤️

I love tech startups and the Bubble community, and have made it my mission to try and create content that’s valuable, easy to follow and entertaining.

Creating content next to full-time consulting work is time-consuming; if you’d like to support it and keep the site free for everyone, please consider buying me a coffee or becoming a supporting member.

Buy Me A Coffee

Follow me:
Bubble.io books

Learn Bubble the right way

Our professional Bubble books teach you how to plan, structure and build your applications right from the start.

5-star review stars

More Posts

Leave A Reply

Your email address will not be published. Required fields are marked *


Email icon

Useful articles and tips

Join the mailing list to get guides, opinions and articles on Bubble, no-code, automation and the tech industry.

We don't share your email address with anyone, and you can unsubscribe at any time.

You have successfully subscribed