Simple Ajax Loading Spinner Widget with jQuery - dpLoading
| File Size: | 42.5 KB |
|---|---|
| Views Total: | 5312 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
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.
