Javascript SVG-IE11-10转换和#x27；他似乎不在工作

有一个奇怪的问题，在IE 11中，变换旋转对圆不起作用

蓝色进度条在任何其他浏览器中都能清晰显示，但在IE11和IE10中效果良好

问题是蓝色条不是从顶部开始的。在IE 11中，你可以看到它从右边开始

JSfiddle：

Javascript:

    var svgs = document.querySelectorAll('.progress__pie')

    if (svgs) {
        [].forEach.call(svgs, function (svg) { 
            let percentage = svg.getAttribute('data-pct')
            let val = parseInt(percentage)
            let bar = svg.querySelector('.bar')
            if (isNaN(val)) {
                val = 100
            } else {
                let r: any = bar.getAttribute('r')
                let circumference = Math.PI*(r*2)

                if (val < 0) {
                    val = 0
                }
                if (val > 100) {
                    val = 100
                }

                percentage = ((100-val)/100 * circumference)
                svg.querySelector('.svg').style.strokeDashoffset = percentage.toString()
                bar.style.strokeDashoffset = percentage.toString()
            }
        })
    } 

var svgs=document.querySelectorAll（'.progress\uu-pie'）
国际单项体育联合会（SVG）{
[].forEach.call（svg，函数（svg）{
让百分比=svg.getAttribute（'data-pct'）
设val=parseInt（百分比）
让bar=svg.querySelector（“.bar”）
if（伊斯南（瓦尔））{
val=100
}否则{
设r:any=bar.getAttribute（'r'）
设周长=Math.PI*（r*2）
if（val<0）{
val=0
}
如果（val>100）{
val=100
}
百分比=（（100瓦尔）/100*周长）
svg.querySelector（'.svg'）.style.strokeDashoffset=percentage.toString（）
bar.style.strokeDashoffset=百分比.toString（）
}
})
} 

IE不支持SVG元素上的CSS转换。您需要在SVG元素上添加转换作为属性

<circle ... transform="rotate(-90,100,100)" ../>

---

IE不支持SVG元素上的CSS转换。您需要在SVG元素上添加转换作为属性

<circle ... transform="rotate(-90,100,100)" ../>