php投票的进度条,小程序实现投票进度条

本文实例为大家分享了小程序投票进度条的具体代码，供大家参考，具体内容如下

示例图：

上代码：

index.wxml:

进度

{{width}}

当前票数

{{quorumvotes}}

index.wxss

.clo_jdt {

width: 100%;

border: 1px solid #6c9c2c;

height: 25px;

border-radius: 10px;

}

.clo_jdt view {

background: #95ca0d;

float: left;

height: 100%;

text-align: center;

line-height: 150%;

border-radius: 10px 0 0 10px;

}

index.js

Page({

data: {

quorumvotes: 50,//当前票数

width: "0%",//投票进度

votes: 500 //最多可投票数

},

onLoad: function() {

//获取总票数

var votes = this.data.votes;

//获取当前票数

var quorumvotes = this.data.quorumvotes;

//进度

var speed = quorumvotes/votes*100+"%";

console.log(speed)

this.setData({

width: speed,

});

})

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。