今天我们利用按钮来实现进度条的效果
image.png
先上图这个就是要实现的效果，而且还要实现的是动态的一个类似进度条的效果，其实就是一个css样式动态实现就可以了，
话不多说，直接上代码
image.png
image.png
这个是data里面控制进度条进度的变量
image.png
这个就是利用计算数学来属性一个动态的背景色
buttonStyle() {
const bgColor = linear-gradient(to right, #ffcc99 ${this.percentage}%, #ffffff ${this.percentage}%);
return { background: bgColor };
}
