码迷,mamicode.com
首页 > 其他好文 > 详细

进度条

时间:2017-12-01 18:38:53      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:报名   ima   class   txt   col   round   cti   java   script   

function progress(i) {

    var roColor = $(‘.ro-progress-color‘);
    var roBg = $(‘.ro-progress-bg‘);
    var roTxt = $(‘.ro-progress-txt‘);
    var color = ‘#3BB4F2‘;

        roTxt.html(‘报名进度:‘+i+‘%‘)

   if(i>=80){

        color=‘#DD514C‘ 

   }else if(i>=60){

        color=‘#F37B1D‘ 
        

   }else if(i>=40){

        color=‘#5EB95E‘ 

   }else if(i>=20){

        color=‘#0E90D2‘  
        

   }else{
        color=‘#3BB4F2‘;
   }
   
    roColor.css({
        ‘width‘: i+‘%‘,
        ‘background-color‘:color
    });
    

    roBg.stop().animate({

        ‘width‘:100-i+‘%‘

    }, 1000);

}

  

进度条

标签:报名   ima   class   txt   col   round   cti   java   script   

原文地址:http://www.cnblogs.com/rockyan/p/7943707.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!