30 Best Loading Spinner & Indicator jQuery Plugins Of 2018

by jQueryScript,

This is a fresh, hand-picker list of 30 best jQuery loading spinner and loading indicator plugins to indicate the current loading status while loading asynchronous content into the web app. I hope you like it.

30 Best Loading Indicator jQuery Plugins:

jQuery Ajax Loading Overlay with Loading Text and Spinner Plugin

Loading Overlay is a simple and lightweight jQuery plugin that adds a loading overlay with loading text and loading spinner to a target element.

https://www.jqueryscript.net/loading/jQuery-Ajax-Loading-Overlay-with-Loading-Text-Spinner-Plugin.html

[Demo] [Download]


Buttons with Built-in Loading Indicators For Bootstrap 3 - Ladda Bootstrap

Ladda Bootstrap is a javascript loading library inspired by Ladda.js that helps you create Built-in Loading Indicators (spinner, loading bar, etc...) with New twitter's bootstrap 3.

https://www.jqueryscript.net/loading/Buttons-with-Built-in-Loading-Indicators-For-Bootsrap-3-Ladda-Bootstrap.html

[Demo] [Download]


Form Submit Buttons with Built-in Loading Indicators - Ladda

Ladda is a javascript loading library for creating buttons with built-in loading indicators (spinner and loading bar).

https://www.jqueryscript.net/loading/Form-Submit-Buttons-with-Built-in-Loading-Indicators-Ladda.html

[Demo] [Download]


Simple jQuery Loading Spinner/Overlay Plugin - Loader

Loader is a simple jQuery which allows you to display a loading spinner/overlay on any specified elements like button, form, body, etc.

https://www.jqueryscript.net/loading/Simple-jQuery-Loading-Spinner-Overlay-Plugin-Loader.html

[Demo] [Download]


jQuery Plugin For Creating Loading Overlay with CSS3 Animations - waitMe

waitMe is a very lightweight (~1.55 kb minified) jQuery plugin for creating an Ajax loading overlay with loading text and animated loading spinner using CSS3 aniamtions.

https://www.jqueryscript.net/loading/jQuery-Plugin-For-Creating-Loading-Overlay-with-CSS3-Animations-waitMe.html

[Demo] [Download]


jQuery Plugin To Create Fullscreen Preloading Effects - fakeLoader.js

fakeLoader.js is a lightweight jQuery plugin that helps you create an animated spinner with a fullscreen loading mask to simulate the page preloading effect.

https://www.jqueryscript.net/loading/jQuery-Plugin-To-Create-Fullscreen-Preloading-Effects-fakeLoader-js.html

[Demo] [Download]


spin.js - Animated CSS3 Loading Spinner

spin.js is a high configurable Loading Spinner built with CSS3 and jQuery. It works in all major browsers with No images, no external CSS and no dependencies (jQuery is supported, but not required).

https://www.jqueryscript.net/loading/spin-js-Animated-CSS3-Loading-Spinner.html

[Demo] [Download]


Minimal jQuery Loading Overlay & Spinner Plugin - Easy Overlay

Easy Overlay is a ultra-simple jQuery plugin allows you to create a loading overlay with a loading spinner on any element.

https://www.jqueryscript.net/loading/Minimal-jQuery-Loading-Overlay-Spinner-Plugin-Easy-Overlay.html

[Demo] [Download]


Creating A Loading Indicator with jQuery and CSS3

A simple lightweight jQuery plugin for creating a loading spinner to indicate the loading progress using an animated GIF or a CSS3 loader.

https://www.jqueryscript.net/loading/Creating-A-Loading-Indicator-with-jQuery-CSS3.html

[Demo] [Download]


Customizable Liquid Bubble Chart With jQuery and Canvas

A super tiny yet customizable jQuery plugin used to present your numeric data in a Canvas liquid bubble chart with a water fill animation.

https://www.jqueryscript.net/chart-graph/Customizable-Liquid-Bubble-Chart-With-jQuery-Canvas.html

[Demo] [Download]


jQuery Plugin For Animated Fullscreen Page Loader - Intro Loader

Intro Loader is a jQuery plugin that makes use of spin.js to create an animated, fullscreen loader on page load.

https://www.jqueryscript.net/loading/jQuery-Plugin-For-Animated-Fullscreen-Page-Loader-Intro-Loader.html

[Demo] [Download]


jQuery Plugin For Built-In Loading Indicator In Buttons - Button Loader

Button Loader is a jQuery plugin for html buttons that trigger a deferred call and display a loading indicator in the button itself.

https://www.jqueryscript.net/loading/jQuery-Plugin-For-Built-In-Loading-Indicator-In-Buttons-Button-Loader.html

[Demo] [Download]


Simple Flexible Loading Overlay Plugin With jQuery - loadingoverlay.js

loadingoverlay.js is a simple, flexible jQuery plugin which shows a highly cutomizable loading overlay with custom spinners while loading some data within a specific container.

https://www.jqueryscript.net/loading/Simple-Flexible-Loading-Overlay-Plugin-With-jQuery-loadingoverlay-js.html

[Demo] [Download]


Animated Circle / Arc Generator with jQuery and SVG - SVG Arc Creator

SVG Arc Creator is a jQuery plugin for rendering animated, SVG based circles / arcs which can be used as loading spinner or progress indicator.

https://www.jqueryscript.net/loading/Animated-Circle-Arc-Generator-with-jQuery-SVG-SVG-Arc-Creator.html

[Demo] [Download]


Easy Page & Element Loader Plugin with jQuery - loader.js

loader.js is an easy, small JQuery plugin to create a loading indicator that works with web pages and specific Html elements.

https://www.jqueryscript.net/loading/Easy-Page-Element-Loader-Plugin-with-jQuery-loader-js.html

[Demo] [Download]


Material Design Style Loading Spinner with jQuery and CSS3

A jQuery plugin used to create a Google Material Design inspired loading spinner using SVG and CSS3 transforms.

https://www.jqueryscript.net/loading/Material-Design-Style-Loading-Spinner-with-jQuery-CSS3.html

[Demo] [Download]


Fullscreen Loading Indicators with jQuery and CSS3 - HoldOn.js

HoldOn.js is a jQuery plugin for display a fullscreen loading indicator to prevent user interactions while your webpage / application is currently busy.

https://www.jqueryscript.net/loading/Fullscreen-Loading-Indicators-with-jQuery-CSS3-HoldOn-js.html

[Demo] [Download]


Lightweight jQuery AJAX Loading Spinner Plugin - ajax-loading.js

ajax-loading.js is a simple, lightweight jQuery plugin that automatically listens for AJAX events and displays a GIF based loading spinner.

https://www.jqueryscript.net/loading/Lightweight-jQuery-AJAX-Loading-Spinner-Plugin-ajax-loading-js.html

[Demo] [Download]


Custom Loading Indicator Plugin with jQuery and Font Awesome - faloading

faloading is a jQuery plugin used for generating a custom loading overlay / indicator over a specific element while waiting for some data to be loaded.

https://www.jqueryscript.net/loading/Custom-Loading-Indicator-Plugin-with-jQuery-Font-Awesome-faloading.html

[Demo] [Download]


Fullscreen Loading Modal / Indicator Plugin For jQuery - loadingModal

loadingModal is a simple yet customizable jQuery loading indicator plugin which displays a fullscreen loading modal / overlay with more than 10 CSS3 powered loading spinners.

https://www.jqueryscript.net/loading/Fullscreen-Loading-Modal-Indicator-Plugin-For-jQuery-loadingModal.html

[Demo] [Download]


jQuery Animated Loading Indication Plugin - Waiting

jQuery Waiting is a jQuery plugin that allows to add and remove a loading indication (e.g. an AJAX spinner gif) with some useful options like positioning and adding it as an overlay inside the element or over the entire page.

https://www.jqueryscript.net/loading/jQuery-Animated-Loading-Indication-Plugin-Waiting.html

[Demo] [Download]


jQuery Plugin To Handle CSS3 Powered Spinners & Loaders - Loading.js

Just another jQuery plugin used to display a fullscreen loading overlay with CSS3 animated spinners & loaders while loading/processing data in the webpage.

https://www.jqueryscript.net/loading/jQuery-Plugin-To-Handle-CSS3-Powered-Spinners-Loaders-Loading-js.html

[Demo] [Download]


Modern Circle Loading Indicator Plugin For jQuery - jquery-loading.js

A simple, lightweight jQuery plugin that displays a stylish, configurable and CS33 animated spinner / indicator while loading some data for user feedback.

https://www.jqueryscript.net/loading/Modern-Circle-Loading-Indicator-Plugin-For-jQuery-jquery-loading-js.html

[Demo] [Download]


Small Loading Modal Overlay Plugin With jQuery - loadingBlock

The jQuery loadingBlock plugin allows you to create a modal-like ajax loading overlay with custom loading indicator and text.

https://www.jqueryscript.net/loading/Small-Loading-Modal-Overlay-Plugin-With-jQuery-loadingBlock.html

[Demo] [Download]


Minimal AJAX Loading Spinner Plugin with jQuery - pleaseWait

pleaseWait is a simple yet customizable jQuery plugin which allows you to use any image (Base64 or GIF) as a loading spinner while waiting for AJAX content to be loaded.

https://www.jqueryscript.net/loading/Minimal-AJAX-Loading-Spinner-Plugin-with-jQuery-pleaseWait.html

[Demo] [Download]


jQuery Plugin For Bootstrap Loading Modal With Progress Bar - waitingFor

waitingFor is a lightweight jQuery plugin used to display a loading indicator popup using Bootstrap modal and progress bar components.

https://www.jqueryscript.net/loading/jQuery-Plugin-For-Bootstrap-Loading-Modal-With-Progress-Bar-waitingFor.html

[Demo] [Download]


Create An Android Holo Themed Loading Spinner with jQuery and Html5

A lightweight jQuery plugin that uses Javascript and Html5 canvas to create a circular, animated, Android Holo themed loading spinner for your dynamic content loaded with AJAX.

https://www.jqueryscript.net/loading/Create-An-Android-Holo-Themed-Loading-Spinner-with-jQuery-Html5.html

[Demo] [Download]


Tiny jQuery Plugin For Animated Loading Spinners - Spin

jQuery Spin is a lightweight and easy-to-use jQuery plugin that make it easy to creating animated loading spinners using CSS and javascript.

https://www.jqueryscript.net/loading/Tiny-jQuery-Plugin-For-Animated-Loading-Spinners-Spin.html

[Demo] [Download]


Customizable jQuery Loading Overlay & Spinner Plugin - Waiting

Waiting.js is a jQuery loading indication plugin used to generate a highly configurable loading spinner & overlay on the whole page or over a specific DOM element.

https://www.jqueryscript.net/loading/Customizable-jQuery-Loading-Overlay-Spinner-Plugin-Waiting.html

[Demo] [Download]


Draw and Animate (Pre)Loaders with jQuery and Canvas - CanvasLoader

CanvasLoader is a jQuery plugin which uses Html5 canvas element to create an animated (pre)loader with an overlay appending to an Html element.

https://www.jqueryscript.net/loading/Draw-Animate-Pre-Loaders-with-jQuery-Canvas-CanvasLoader.html

[Demo] [Download]