Анимация индикатора выполнения не работает в IE 11 - PullRequest
Новая
       7

Анимация индикатора выполнения не работает в IE 11

0 голосов
/ 31 декабря 2018

Анимация индикатора выполнения не работает в 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, но все равно не работает.

Заранее спасибо.

1 Ответ

0 голосов
/ 01 января 2019

Попробуйте выполнить тест с примером ниже, может помочь решить вашу проблему. 

<!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:

enter image description here

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...