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

【问题标题】：how to change animate width property to transform scale如何更改动画宽度属性以转换比例
【发布时间】：2016-11-14 16:04:32
【问题描述】：

我做了一个加载图像的进度条，所以进度条的宽度从 0 到 100% 动画，我怎样才能使用变换比例属性制作相同的功能？

这是实际代码：

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

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

【问题讨论】：

标签： javascript jquery css progress-bar transform

【解决方案1】：

这样的？

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

当然，你应该在 css 中获得 100% 宽度的进度条

【讨论】：