Hi, I am looking for some good resources for best practices / processes for loading animations (spinners, progress bars, etc.) to let the user know to be patient, something is loading.
I’m stumped on these:
- Popup: if a popup is slow to load because it’s complex.
- What Bubble does: the page darkens while the popup is building itself. Then the popup appears fully formed (note this differs from a regular group, which will appear partially built and finish building in front of you).
- Loading animation: can’t figure it out. Tried to have the workflow that shows the popup also show a loading animation, but the greying out from the popup covers the loading animation. Also tried to have the loading animation in another popup, but the main popup covers it.
- Page: if a page is slow to low because it’s complex.
- What Bubble does: page is blank and the browser tab has a spinner going. Then page appears pretty much fully formed.
- Loading animation: can’t figure it out. If you have an animation appear as part of a when page is loaded workflow, it appears with the rest of the page (not before it), defeating the purpose.
These I think I’ve figured out:
-
Workflow run: just have the loading animation appear at the beginning of the run and vanish when it’s complete. Bubble already runs a progress bar up top, so it’s cosmetic if you want to replace this with something else.
-
RG is loading: there’s a conditional option to have something appear while a RG is loading. Bubble already runs a spinner, so it’s mainly cosmetic if you want to replace it with something else.
Thank you in advance.