小编点评

拖两个矩形，一个用来做边框，另一个用来做进度下图进度条的宽要设为2，如果是1的话，看不到背景色动百分比进度条百分比[[Math.floor(jdt.width/bk.width100)]] 没生效[[(This.width/b.width100).toFixed(0)]]% **方法一：** ```javascript // 获取边框矩形的宽和高度 var borderWidth = bk.width / 100; var borderHeight = bk.height / 100; // 获取进度条的宽和高度 var progressWidth = this.width / 100; var progressHeight = 10; // 设置进度条的背景颜色 this.progress.style.backgroundColor = 'rgba(255, 255, 255, 0.2)'; ``` **方法二：** ```javascript // 获取边框矩形的宽和高度 var borderWidth = bk.width / 100; var borderHeight = bk.height / 100; // 获取进度条的宽和高度 var progressWidth = this.width / 2; var progressHeight = 10; // 设置进度条的背景颜色 this.progress.style.backgroundColor = 'rgba(255, 255, 255, 0.5)'; ``` **方法三：** ```javascript // 获取边框矩形的宽和高度 var borderWidth = bk.width / 100; var borderHeight = bk.height / 100; // 获取进度条的宽和高度 var progressWidth = this.width / 2; var progressHeight = 10; // 设置进度条的背景颜色 this.progress.style.backgroundColor = `#${(Math.floor(jdt.width / bk.width100))}%}`; ```

正文

拖两个矩形，一个用来做边框，另一个用来做进度

下图进度条的宽要设为2，如果是1的话，看不到背景色动

百分比

进度条

百分比

[[Math.floor(jdt.width/bk.width100)]] 没生效
[[(This.width/b.width100).toFixed(0)]]% 这个可以
进度条的宽/边框的宽*100 再取整




百分比的数字没变，不知道为什么