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

分类: 表单相关
时间: 2017-05-23 09:48:09
编辑: 墨倾天下
浏览: 1596

下载次数：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>

标签:

javascript 进度条按钮