如何更改动画宽度属性以转换比例

Question

我进行了加载图像的进度条，因此条形图的宽度从0到100％有效，如何使用变换比例属性创建相同的函数？

这是实际代码：

https://jsfiddle.net/Tibuakaw/db6d3o6h/

updateprogressBar: function() {
        $('#progress-bar').stop().animate({
            'width': (progressBar.loadedElmt / progressBar.countElmt) * 100 + '%'
        });

Answer 1

这样的东西？

$('#progress-bar').stop().animate({
   'transform': 'scaleX(' + (progressBar.loadedElmt / progressBar.countElmt) + ')'
});

原因是，你应该在css中获得100％宽度的进度条