Jquery Progressbar.js-SVG进度条不工作,即11,10,9

Jquery Progressbar.js-SVG进度条不工作,即11,10,9,jquery,internet-explorer,svg,progress-bar,Jquery,Internet Explorer,Svg,Progress Bar,我使用这个很棒的插件()在对象周围呈现SVG进度条。它在Chrome、Firefox、Mozzilla和Safari中工作得非常出色,但IE(所有版本)都被抛弃了 circleProgressBar = new ProgressBar.Circle('#progress div', { color: '#48c1ff', strokeWidth: 10,

我使用这个很棒的插件()在对象周围呈现SVG进度条。它在Chrome、Firefox、Mozzilla和Safari中工作得非常出色,但IE(所有版本)都被抛弃了

circleProgressBar = new ProgressBar.Circle('#progress div', {
                                color: '#48c1ff',
                                strokeWidth: 10,
                                duration: 500
                            });
当我使用动画功能时:

circleProgressBar.animate(1);
在所有普通浏览器中,它都会创建一个完整的圆圈,但IE有一些特殊之处:

有趣的事实是,如果我在动画完成后(在IE中)打开开发人员工具,SVG可能会以某种方式重新渲染,并且看起来应该是这样


感谢您提前回复。

您需要使用strokeWidth<7。如果超过7,它将无法在IE中工作。您可以检测浏览器。对于IE,使用更少的7。可供其他用途。

有效!但这绝对是愚蠢的疯狂!这有合法的理由吗?你是个救命恩人你解决过这个问题吗?我也有同样的问题@瑞典人小德夫是的,下面的解决方案对我有效。我很抱歉没有把它标记为正确的。