MARKETPLACE
PLUGINS
LOADING ANIMATION
Loading Animation logo

Loading Animation

Published March 2020
   •    Updated this week

Plugin details

Add a customizable loading overlay with animated effects and optional text on top of a container. Choose timed duration or stop it manually via workflow.
       



⚡ Main Functions

Loading overlay element
   Adds an animated loading overlay on top of group containers.
Animation effect selection
   Choose an animation effect from the available options.
Timed and manual control
   Set a loading duration or stop it via workflows.

⚡ Key Features

🎨 Full visual customization
     Customize icon color, background color, text, and text position.
🧩 Group container support
     Designed to work with group elements.



Documentation

We’ve created a detailed step-by-step guide for the Loading Animation Plugin. It includes a comprehensive overview of all features, practical use cases, and answers to frequently asked questions.

       

FAQ

What does the Loading Overlay with Text Plugin do?
The plugin adds a customizable animated loading overlay (with text and icon) on top of any group container in your Bubble app.

Can I customize the appearance of the loading animation?
Yes, you can modify the icon color, background color, text content, and text position.

Can the loading animation be stopped manually?
Yes. You can either set a timed duration (e.g. 3 seconds) or use a workflow action to stop the animation manually.

Does this plugin work with all Bubble elements?
The plugin is designed to work best on groups. Other elements have not been fully tested.

Can I show the animation only under certain conditions?
Yes, you can trigger the animation using Bubble workflows and control its behavior with custom logic.




Our Similar Plugins

- Number Picker Input
- Skeleton Content Preloader Pro
- Splash Loading
- Global Loading Spinnere - Advanced Skeleton Content Preloader - Input Spinner #LoadingIconsAlert - Simple Page Preloader - Loading Overlay Animations - Material Design Spinner - Loading Screen with Mini Game - iOS Style Spinner - Loading Spinners Pack 4 - Loading Overlay - Full Screen Loading Animation - Loading Spinners Pack 1 - Loading Spinners Pack 3 - Loading Spinners Pack 2 Support If you still have questions or unresolved issues, you can contact us. Risk-free Trial The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!

$40

One time  •  Or  $4/mo

5.0 stars   •   1 ratings
506 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   839 Plugins
View contributor profile

Instructions

Please refer to the plugin documentation to see how to configure it: https://docs.zeroqode.com/loading-animation-2ffc669b00ed80239a79f86a40facc2b

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Media   •   Containers   •   Mobile

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Great plugin!! I have Just 02 important recommendations
May 6th, 2022
Your plugin is quite good!!! Congratulations! However, there are two things maybe you can improve it. 1) The element which the timeloading ID is related disappears at the "time loading" is performing. The "Time loading" should just appear in front of any element. 2) The center of the time load always is the element related to ID, for sure. But, maybe you please could offer an option for "time loading" also appears in other locations, such as at the "screen center", without being tied to the ID element. Thank you.
Hello, Rapid Dev Support Team here. Thank you for the review, appreciation, and shared suggestions, it matters to us. In a recent update, we added an improvement that follows your first suggestion. Now you can manage the loading animation background opacity value. To try it out, please update your plugin to the newest version. In case there will be any other questions or suggestions about our products, that we can help with, just send us a message with details to [email protected] Thanks again, Rapid Dev Support Team
November 9th, 2023
  •  
Original reviewer
Bubble