Progressbar Example (17% per sec)

프로그래스바 테스트

by Ukjin Yang

HTML

<script src="https://rawgithub.com/composite/jss/master/jss.js"></script>
<div id="progress"></div>
불러오는 중...

CSS

#progress{border:1px solid black;padding:4px;overflow:hidden;}
#progress:before{background-color:green;display:block;height:20px;content:'';}

JavaScript

$(function(){
    function autoproc(per){
        if(isNaN(per)) per=0;
        jss('#progress::before',{
             width:Math.round(per)+'%',
             fontSize:0, // IE 8 fix
             content:['" "','"a"','"b"','"c"'][Math.round(Math.random()*3)] //IE 8 fix
         });
        if(per<100)
            setTimeout(function(){
                var after=per+(1/34*100);
                autoproc(after>100?0:after);
            },500);
    }
    autoproc();
});