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>

Leave a Reply

Your email address will not be published. Required fields are marked *

*