jquery loading overlay

$.LoadingOverlaySetup({
    background      : "rgba(0, 0, 0, 0.5)",
    image           : "https://loading.io/mod/spinner/bricks/index.svg",
    imageAnimation  : "1.5s fadein",
    imageColor      : "#ffcc00"
});

$.LoadingOverlay("show");

View another examples Add Own solution

3.75

Specialscope 95 points

                                    // Background
background              : &quot;rgba(255, 255, 255, 0.8)&quot;        // String
backgroundClass         : &quot;&quot;                                // String/Boolean
// Image
image                   : &quot;&lt;svg&gt; ... &lt;/svg&gt;&quot;                // String/Boolean
imageAnimation          : &quot;2000ms rotate_right&quot;             // String/Boolean
imageAutoResize         : true                              // Boolean
imageResizeFactor       : 1                                 // Float
imageColor              : &quot;#202020&quot;                         // String/Array/Boolean
imageClass              : &quot;&quot;                                // String/Boolean
imageOrder              : 1                                 // Integer
// Font Awesome
fontawesome             : &quot;&quot;                                // String/Boolean
fontawesomeAnimation    : &quot;&quot;                                // String/Boolean
fontawesomeAutoResize   : true                              // Boolean
fontawesomeResizeFactor : 1                                 // Float
fontawesomeColor        : &quot;#202020&quot;                         // String/Boolean
fontawesomeOrder        : 2                                 // Integer
// Custom
custom                  : &quot;&quot;                                // String/DOM Element/jQuery Object/Boolean
customAnimation         : &quot;&quot;                                // String/Boolean
customAutoResize        : true                              // Boolean
customResizeFactor      : 1                                 // Float
customOrder             : 3                                 // Integer
// Text
text                    : &quot;&quot;                                // String/Boolean
textAnimation           : &quot;&quot;                                // String/Boolean
textAutoResize          : true                              // Boolean
textResizeFactor        : 0.5                               // Float
textColor               : &quot;#202020&quot;                         // String/Boolean
textClass               : &quot;&quot;                                // String/Boolean
textOrder               : 4                                 // Integer
// Progress
progress                : false                             // Boolean
progressAutoResize      : true                              // Boolean
progressResizeFactor    : 0.25                              // Float
progressColor           : &quot;#a0a0a0&quot;                         // String/Boolean
progressClass           : &quot;&quot;                                // String/Boolean
progressOrder           : 5                                 // Integer
progressFixedPosition   : &quot;&quot;                                // String/Boolean
progressSpeed           : 200                               // Integer
progressMin             : 0                                 // Float
progressMax             : 100                               // Float
// Sizing
size                    : 50                                // Float/String/Boolean
minSize                 : 20                                // Integer/String
maxSize                 : 120                               // Integer/String
// Misc
direction               : &quot;column&quot;                          // String
fade                    : [400, 200]                        // Array/Boolean/Integer/String
resizeInterval          : 50                                // Integer
zIndex                  : 2147483647                        // Integer

Thank you! 4

3.75 (4 Votes)

Are there any code examples left?

Find Add Code snippet

New code examples in category Javascript

Javascript 2023-04-21 22:52:36
Javascript 2022-03-27 22:25:20 javascript download string as file
Javascript 2022-03-27 21:40:22 sort numbers in array javascript
Javascript 2022-03-27 21:20:04 compare two arrays and return the difference javascript
Javascript 2022-03-27 21:15:02 javascript regex french phone number
Javascript 2022-03-27 21:05:03 cypress custom error message
Javascript 2022-03-27 21:00:05 create element javascript with id
Javascript 2022-03-27 20:40:57 feather icons react
Javascript 2022-03-27 20:20:01 how to make graphql request in axios
Javascript 2022-03-27 20:15:07 bootstrap validator password and confirm password

Create a Free Account

Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.

Develop soft skills on BrainApps

Complete the IQ Test

jquery loading overlay

Welcome Back!

Create a Free Account