jQuery Youtube Like Ajax Progress Bar Plugin - ytLoad
File Size: | 15.9 KB |
---|---|
Views Total: | 7928 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

ytLoad is a jQuery plugin inspired by youtube.com that creates a slim progress bar with smooth CSS3 transitions at the top of your web page for ajax content loading.
See also:
Basic Usage:
1. Include the latest jQuery javascript library and jQuery ytLoad plugin on the web page
<link href="ytLoad.jquery.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script type="text/javascript" src="ytLoad.jquery.js"></script>
2. Include jquery.transit.js script for smooth CSS3 transitions
<script type="text/javascript" src="jquery.transit.js"></script>
3. Create a container for the ajax content
<div id="ajaxContent"> </div>
4. Create a button to load the content
<input id="loadButton" type="submit" value="Load">
5. The javascript
<script type="text/javascript"> $(document).ready(function() { $.ytLoad(); $('#loadButton').click(function(){ $('#ajaxContent').load('ajax.html'); }); }); </script>
This awesome jQuery plugin is developed by Mythli. For more Advanced Usages, please check the demo page or visit the official website.