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

Question

我正在使用这个很棒的插件（https://github.com/kimmobrunfeldt/progressbar.js）来渲染对象周围的SVG进度条。它适用于Chrome，Firefox，Mozzilla和Safari，但IE（所有版本）都被弃用。

circleProgressBar = new ProgressBar.Circle('#progress div', {
                                color: '#48c1ff',
                                strokeWidth: 10,
                                duration: 500
                            });

当我使用动画功能时：

circleProgressBar.animate(1);

在所有普通浏览器中，它创建了完整的圆圈但是IE有一些特殊的东西：click here

有趣的事实是，如果我在动画完成后打开开发人员工具（在IE中）SVG可能以某种方式重新渲染，看起来应该看起来。

感谢您提前回复。

Answer 1

你需要使用strokeWidth＆lt; 7.如果它超过7，它将无法在IE中工作。你可以检测浏览器。对于IE使用较少7.对于其他用途你想要的。