JS+CSS3实现18款进度条按钮

JS+CSS3实现18款进度条按钮
下载次数:1 文件大小:21.31KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)
<script>
    [].slice.call( document.querySelectorAll( 'button.progress-button' ) ).forEach( function( bttn ) {
        new ProgressButton( bttn, {
            callback : function( instance ) {
                var progress = 0,
                    interval = setInterval( function() {
                        progress = Math.min( progress + Math.random() * 0.1, 1 );
                        instance._setProgress( progress );

                        if( progress === 1 ) {
                            instance._stop(1);
                            clearInterval( interval );
                        }
                    }, 200 );
            }
        } );
    } );
</script>

 

0 条评论