Javascript 将百分比符号添加到进度条

我有一个非常简单的进度条，我正在做，除了一件事，所有的工作…百分号。下面是我的代码，我的问题是如何在不弄乱脚本的情况下添加百分号。-

代码：

Apache测试服务器
#前进包裹{
高度：30px；
宽度：300px；
边框：1px实心#222；
文本对齐：居中；
位置：相对位置；
}
#进步统计{
高度：30px；
宽度：0%；
背景色：#9CF；
位置：绝对位置；
顶部：0px；
左：0px；
}
#进步者{
宽度：100%；
高度：30px；
线高：30px；
位置：绝对位置；
顶部：0px；
左：0px；
z指数：1000；
}
window.onload=函数（）{
document.getElementById（'ProgressPer'）。innerHTML=0；
var Change=setInterval（函数（）{
var Per=document.getElementById（'ProgressPer'）.innerHTML；
++
如果（Per==101）
{
间隙（变化）；
}
其他的
{
document.getElementById（'ProgressPer'）。innerHTML=Per；
var Bar=document.getElementById（'ProgressStat'）；
Bar.style.width=Per+'%'；
}
}, 50);
}

您需要更改这两行：

var Per = document.getElementById('ProgressPer').innerHTML.replace('%','');

及

您的代码没有问题，但它并没有真正遵循javascript风格的指导原则。此外，在计算中不必使用innerHTML值。这里有另一个版本要考虑。

var pct = 0,
    change = setInterval(function () {
    ++pct;
    if (pct == 101) {
        clearInterval(change);
    } else {
        document.getElementById('ProgressPer').innerHTML = pct.toString() + '%';
        var bar = document.getElementById('ProgressStat');
        bar.style.width = pct + '%';
    }
}, 50);

---

您需要更改这两行：

var Per = document.getElementById('ProgressPer').innerHTML.replace('%','');

及

您的代码没有问题，但它并没有真正遵循javascript风格的指导原则。此外，在计算中不必使用innerHTML值。这里有另一个版本要考虑。

var pct = 0,
    change = setInterval(function () {
    ++pct;
    if (pct == 101) {
        clearInterval(change);
    } else {
        document.getElementById('ProgressPer').innerHTML = pct.toString() + '%';
        var bar = document.getElementById('ProgressStat');
        bar.style.width = pct + '%';
    }
}, 50);