Bootstrap Progress-Bar Percentage Based classes test

by SEOKWOO LEE

HTML

<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
    <div class="progress">
        <div class="bar bar-success" style="width: 0%; opacity: 1;"></div>
    </div>

CSS

@import url('//netdna.bootstrapcdn.com/bootstrap/2.3.2/css/bootstrap.min.css');

JavaScript

jQuery(document).ready( function(){
						window.percent = 0;
					    window.progressInterval = window.setInterval( function(){
					        if(window.percent < 100) {
					            window.percent++;
					            $('.progress .bar:first').width(window.percent+'%');
					            $('.progress .bar:first').text(window.percent+'%');
					        } else {
					            window.clearInterval(window.progressInterval);
					            $('.progress .bar:first').text('설치완료!');
					        }
					    }, 100 );
});