Feb
13
2010
2
Simple Progress (Load) Bar with jQuery
By David Luhman
Let's say you need to load some info into a page, but the info requires some time to process. You don't want to have the user staring at a blank screen during the processing, so first load the page with a busy (progress) bar image and then replace the image with the actual data when ready.
Assume you have this HTML page :
<html>
<head>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#one').load('/one.php');
