Ajax Progress Bar

HTML <style> #progress { width: 500px; border: 1px solid #aaa; height: 15px; } #progress .bar { background-color: #bbd; height: 15px; } </style> <div id="progress"></div> AJAX <script> $.ajax({ url: ajaxurl.php success:function(value){ $("#progress").html('<div class="bar" style="width:' + value.percent + '%"></div>'); } } </script>