android会员等级进度条,利用jQuery实现会员等级消费进度条代码

特效描述：利用jQuery实现 会员等级 消费进度条代码。利用jQuery实现会员等级消费进度条代码

代码结构

1. 引入CSS

2. 引入JS

3. HTML代码

$(function(){

var geshu = $(".djwai").children(".dengji").length;

// alert(geshu);

var wid = $(".djwai").width()/geshu/2;

// alert(wid);

var widt = wid + "px";

// alert(widt);

$(".xianpa").css({"padding-left":widt,"padding-right":widt});

$(".yixif").css({"padding-left":widt,"padding-right":widt});

});

$(".progress").startProgress({

"nodes":[

{"name":"普通","money":0},

{"name":"银卡","money":100},

{"name":"金卡","money":300},

{"name":"白金卡","money":500},

{"name":"黄金卡","money":1000}

],

"hasPay":888

});