進度欄動畫在IE 11中不起作用

Question

進度欄動畫在IE中不起作用

$(".cvss-score").each(function (e) {
       var t = new ProgressBar.Circle(this, {
       color: s,
       easing: "easeInOut",
       strokeWidth: "5",
       duration: 3500,
       text: {
              value: "0"
             }
});

IE在給出錯誤“ ProgressBar”時未定義

正如我在相同的舊qstns上檢查過的，它告訴我將strokeWidth小於6，但仍然無法正常工作。

提前致謝。

Answer 1

嘗試使用下面的示例進行測試可能有助於解決您的問題。

 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>ProgressBar.js - Minimal Example</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .progress { height: 300px; } .progress > svg { height: 100%; display: block; } </style> </head> <body> <div class="progress" id="progress"></div> <!-- These are probably out dated so you might want to use newest versions --> <script src="https://cdn.rawgit.com/kimmobrunfeldt/progressbar.js/0.5.6/dist/progressbar.js"></script> <script> window.onload = function onLoad() { var circle = new ProgressBar.Circle('#progress', { color: '#FCB03C', strokeWidth: 4, trailWidth: 1, duration: 3000, easing: 'easeInOut', text: { value: "0" } }); circle.animate(1); }; </script> </body> </html>

Internet Explorer 11中的輸出：

進度欄動畫在IE 11中不起作用

問題描述

1 個解決方案

解決方案1
0 2019-01-01 02:21:49

進度欄動畫在IE 11中不起作用

問題描述

1 個解決方案

解決方案1 0 2019-01-01 02:21:49

解決方案1
0 2019-01-01 02:21:49