jQuery Youtube Like Ajax Progress Bar Plugin - ytLoad

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:

• Google Like jQuery Slim Progress Bar Plugin - NProgress

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.