SVG百分比动画在safari和chrome中不起作用

时间:2016-08-29 13:05:29

标签: jquery css svg

我正在尝试创建一个百分比圆圈,百分比圆圈始终为100%并且不会像应该的那样增加。这是铬问题吗?

var count = $(('#count'));
              $({ Counter: 0 }).animate({ Counter: count.text() }, {
                duration: 5000,
                easing: 'linear',
                step: function () {
                  count.text(Math.ceil(this.Counter)+ "%");
                }
              });
              var s = Snap('#animated');
var progress = s.select('#progress');

progress.attr({strokeDasharray: '0, 251.2'});
Snap.animate(0,251.2, function( value ) {
progress.attr({ 'stroke-dasharray':value+',251.2'});
}, 5000);

https://jsfiddle.net/hn6mbqwv/

0 个答案:

没有答案