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 < 7。如果大于 7，则无法在 IE 中使用。您可以检测浏览器。对于 IE 使用 less 7。对于其他使用你想要的。

Progressbar.js - SVG 进度条在 IE 11、10、9 中不起作用

Progressbar.js - SVG progress bar not working IE 11,10,9

jquery

internet-explorer

svg

progress-bar