Javascript 使用Velocity.js设置progressbar的动画

我正在尝试从使用jQuery动画切换到Velocity，因为它应该在各种设备上都有更好的性能。从文档来看，这似乎应该很容易做到——我已经下载了源代码并将其添加到我的js文件夹中，在我的函数中，我应该能够将.animate（）切换到.velocity（）。但仍然无法工作，并且我没有控制台日志错误。（还请记住，jqueryanimate以前也可以使用它。我也尝试过下载src代码并使用cdn，但没有成功）

代码如下：

// PROGRESSBAR
var show_complete_time = 2000; // time to show completed green progressbar and 100% text
function progressbar(progressbar, time) {

    var progressbar = $(progressbar);

    $({someValue: 0}).velocity({someValue: 99}, {
        duration: time,
        easing: 'linear',
        step: function() { 
            var widthNumber = this.someValue;
            var number = Math.floor(this.someValue+1);
            progressbar.css({"width": widthNumber + "%"});
            progressbar.html("<p>" + number + '%' + "</p>");
        },
        complete: function(){ // progressbar completed
            progressbar.css({"width": "100%"});
            progressbar.addClass("complete").html("<p>100%</p>");
        }
    });
};

//进度条
var show_complete_time=2000；//显示完成的绿色进度条和100%文本的时间
函数progressbar（progressbar，时间）{
var progressbar=$（progressbar）；
$（{someValue:0}）.velocity（{someValue:99}{
持续时间：时间，
“线性”，
步骤：函数（）{
var widthNumber=this.someValue；
变量编号=数学地板（this.someValue+1）；
css（{“width”：widthNumber+“%”}）；
html（“”+number+'%'+“
”）；
},
完成：函数（）{//progressbar已完成
css（{“宽度”：“100%”）；
progressbar.addClass（“complete”）.html（“100%
”）；
}
});
};

结果表明，jQuery动画函数的编写方式与velocity的格式不符。Velocity将CSS属性和值的映射作为其第一个参数。可以选择将选项对象作为第二个参数传入

这是新的速度函数：

// PROGRESSBAR
var show_complete_time = 2000; // time to show completed green progressbar and 100% text
function progressbar(progressbar, time) {

    var progressbar = $(progressbar);

    progressbar.velocity({"width": "100%"}, {
        duration: time,
        easing: "linear",
        progress: function(elements, c, r, s, t) { 
            var number = Math.floor((c * 100) + 1);
            progressbar.html("<p>" + number + '%' + "</p>");
        },
        complete: function(){ // progressbar completed
            progressbar.addClass("complete").html("<p>100%</p>");
        }
    });

};

//进度条
var show_complete_time=2000；//显示完成的绿色进度条和100%文本的时间
函数progressbar（progressbar，时间）{
var progressbar=$（progressbar）；
progressbar.velocity（{“宽度”：“100%”）{
持续时间：时间，
放松：“线性”，
进展：功能（元素，c，r，s，t）{
变量编号=数学楼层（（c*100）+1）；
html（“”+number+'%'+“
”）；
},
完成：函数（）{//progressbar已完成
progressbar.addClass（“complete”）.html（“100%
”）；
}
});
};