Simple Loading Spinner Plugin With Task Queue Support - spinnerQueue

File Size: 6.66 KB
Views Total: 2857
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple Loading Spinner Plugin With Task Queue Support - spinnerQueue

spinnerQueue is a jQuery & jQuery UI widget used to mask a specific container with an animated loading spinner to prevent user interactions during content loading. 

How to use it:

1. Include the required jQuery and jQuery UI libraries on the webpage.

<script src="jquery.min.js"></script>
<script src="jquery-ui.min.js"></script>

2. Include the spinnerQueue jQuery plugin's files after jQuery library.

<script src="spinnerQueue.js"></script>
<link href="spinnerQueue.css" rel="stylesheet">

3. Initialize the plugin on a specific container.

// On task start
$('#container').spinnerQueue().spinnerQueue('started', 'pageLoad');

// On task finish
$('#container').spinnerQueue('finished', 'pageLoad');

4. Possible plugin options.

$('#container').spinnerQueue({
  'queue'     : {},
  'showSpeed' : undefined,
  'hideSpeed' : undefined,
});

Change log:

2106-05-17

  • Spinner fixed when attached to body tag

This awesome jQuery plugin is developed by Romms. For more Advanced Usages, please check the demo page or visit the official website.