无法使用javascript更改所有元素的样式

Question

我无法使用classname range更改元素的宽度。第一个元素有70％的宽度，下一个元素将有70％的宽度而不是0.我必须添加所以相同的数字正确显示在靠近条形的圆圈

function zero(){
    for(i=0; i<10; i++){
        bars[i].style.width=number + "%";
        inners[i].innerHTML=number + "%";
        console.log(i);
    }

} 

https://codepen.io/Katharsis/pen/rKxZbe

Answer 1

将此添加到css

中的每个.range2 .range3 .range4 ...

height: 100%;
background-color: #1cea42;