jQuery+CSS3进度条动画特效

jQuery+CSS3进度条动画特效
下载次数:1 文件大小:42.9KB 所需积分:0 QQ联系购买积分:3331653644(1元=10积分)
$(function() {
    $('.progressbar').each(function(){
        var t = $(this),
        dataperc = t.attr('data-perc'),
        barperc = Math.round(dataperc*5.56);
        t.find('.bar').animate({width:barperc}, dataperc*25);
        t.find('.label').append('<div class="perc"></div>');
        function perc(){ 
            var length = t.find('.bar').css('width'),
                perc = Math.round(parseInt(length)/5.56),
                labelpos = (parseInt(length)-2);
                t.find('.label').css('left', labelpos);
                t.find('.perc').text(perc+'%');
        }
        perc();
        setInterval(perc, 0);
    });
});

 

0 条评论