progress bar test

by skeemer

HTML

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/css/bootstrap.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.3.2/js/bootstrap.js"></script>
<div id="prgs" class="progress progress-striped active">
  <div class="bar"></div>
</div>
<div id="output"></div>

JavaScript

$(function () {
    var bar = $('#prgs .bar');
    var out = $('#output');
    var pct = 0;
    
    var intId = setInterval(function () {
        if(pct == 100) {
            clearInterval(intId);
        }
        bar.css('width', pct+'%').html(pct);
        //out.html(pct);
        console.log(pct);
        pct += 10;
        sleep(2000);
    }, 1000);
    
});