Simple Ajax Loading Spinner Widget with jQuery - dpLoading

File Size: 42.5 KB
Views Total: 5287
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Simple Ajax Loading Spinner Widget with jQuery - dpLoading

dpLoading is a lightweight jQuery plugin to create an animated loading overlay covering the whole page to indicate the Ajax loading status.

How to use it:

1. Include the jQuery library and the jQuery dpLoading plugin on your web page.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="src/dpLoading-2.x.js"></script>

2. Include the core CSS and a theme CSS into your web page.

<link rel="stylesheet" href="src/dpLoading-2.x.css">
<link rel="stylesheet" href="src/dpLoading-2.x-skin-grey.css">

3. To start a loading progress, just simply call the function and set the custom loading text like this:

<button onclick='dpUI.loading.start("Loading ...");'>Load</button>

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