Chrome, IE9+, FireFox, Opera, Safari #loading spinner #loading overlay. 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. You can find advanced examples in the official documentation page. Spinner Icons. The table below shows all Font Awesome Spinner icons: Icon. Description. Example. fa fa-circle-o-notch. Try it. fa fa-cog. Try it. Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript. The spinner component can be used as a loading indicator which comes in multiple colors, sizes, and styles separately or inside elements such as buttons to improve the user experience whenever data is being fetched from your server. Default spinner # Use the following SVG element with the animate-spin animation class to show a loading animation: Jquery wouldn't be a bad method to use if anyone has an example of that. Updates: displaying loading spinner while jquery calls Controller in ASP.NET MVC. 1. It creates an illusion of speed and short load time; When to use them. Use to notify the user that something is loading when more than one element is loading at the same time. Use when loading data takes more than 3 seconds. Use on websites with a lot of traffic. Use for a background or long-running process. Things to keep in mind v0dSV.