Hi, I wanted to share an effective solution to showing a spinner (or similar loading animation) while the app is starting up, and then removing it. This is relevant for an app with lots of callbacks causing noticeable start-up time, where no single component or callback is the culprit. TL;DR: Ad…

This is amazing, definitely adding this to my next project.

Thanks for sharing @jjt3f2188 I’ve received multiple inquiries asking how to do this over the past year. Now, it seems the community has a solution thanks to you. :orange_heart:

Wow that is super cool! Thanks @jjt3f2188 ! I wonder if there is a way to incorporate this in with the loading states css. I used the code below to show a generic ‘Loading, please be patient…’ Would be super cool to be add in the spinners in the css. I haven’t done enough research, but do you know i…

@johnkangw haven’t tried targeting the loading states with CSS. Do let us know if you discover any nice tricks! By the way, the approach I outlined in the OP was meant to be compatible with using additional spinners to wrap individual components to generate loading animations while app is up and r…

[image] johnkangw: Would be super cool to be add in the spinners in the css. I haven’t done enough research, but do you know if there is a way to incorporate the spinners into css code? Check out this thread Change "Loading..." to a spinner for a related example. I think it could be adapted t…

Nice! Thanks! Your code worked and allowed me to show a spinner when loading the Dash initially. I wasn’t able to get it to work to show a spinner when loading separate pages/components though.

I’oL be adding this to my last project. Thank you!

Show a full-screen loading spinner on app start-up, then remove it

Dash Python

tcbegley January 19, 2022, 9:30am 6

Check out this thread Change "Loading..." to a spinner for a related example. I think it could be adapted to your use case?

Topic		Replies	Views
Dash long startup time for lots of callbacks Dash Python question	2	1088	March 31, 2023
Whenever i try to load a page from dash application, I see "Loading..." before the content is displayed. Please suggest me a way to remove that text and replace it with css spinner Dash Python	7	1458	January 23, 2021
Change "Loading..." to a spinner Dash Python	5	3722	October 22, 2023
Loading and Spinners Dash Python	10	5128	January 3, 2023
Remove the "Loading ..." when app starts Dash Python	5	1091	April 20, 2023

Show a full-screen loading spinner on app start-up, then remove it

Related topics