What Is Loading Spinner?
Loading spinner is an animated loading progress indicator that can be used to indicate or visualize the current loading status (progress) while loading asynchronous content into the web app.
The Best Loading Spinner
Originally Published Jan 01 2018, updated Jan 19 2021
Table of contents:
jQuery Loading Spinner Plugins:
loadingoverlay.js is a simple, flexible jQuery plugin which shows a highly customizable loading overlay with custom spinners while loading some data within a specific container.
Button Loader is a jQuery plugin for html buttons that trigger a deferred call and display a loading indicator in the button itself.
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.
avnSkeleton is a jQuery plugin used to create a customizable, CSS3 animated, Facebook inspired skeleton preview of your web content while waiting for async data.
Vanilla JS Loading Spinner Plugins:
Pure CSS Loading Spinner Packs:
Three Dots is a small CSS/CSS3 library that provides a set of 20 fancy animated loading spinners created with three dots.
css-loader is a set of loading indicators/spinners built using a single DIV element and pure CSS/CSS3.
ispinner is a lightweight CSS library that helps you display an iOS-style animated loading indicator while data in a specific area is loading.