简单的jQuery和CSS3进度条动画 - asProgress

转载于 2021-12-09 08:03:15 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://yy123.ink/frontDetail/12311

文章标签：

#jquery #动画 #css3

网站模版专栏收录该内容

3170 篇文章

订阅专栏

asProgress是一个轻量级的jQuery插件，用于创建具有CSS3转换的自定义进度条。要使用它，你需要在头部加载progress.css，然后在页脚加载jQuery插件脚本。接着在HTML中设置进度条元素，并通过JavaScript调用`.asProgress()`方法来开始、完成、更新或停止进度。此外，你可以通过选项调整最小值、最大值、目标值、步长、速度和延迟等功能。

下载地址

asProgress是一个轻量级jQuery插件用来呈现一个可定制的进度条与微妙的CSS3转换在一个DIV元素。如何使用它:1.加载所需的progress.css在header里。

2.加载jQuery asProgress插件的脚本在页脚。 3.Html

4.调用$(".progress").asProgress("start"); $(".progress").asProgress("done"); $(".progress").asProgress("go",50); $(".progress").asProgress("go","50%"); $(".progress").asProgress("stop"); $(".progress").asProgress("reset");5.可用的选项,您可以通过选项通过JS对象或data-OPTION属性。min: 0,max: 100,goal: 100,step: 1,speed: 50, // refresh speeddelay: 300,label: function(n) { var percentage = this.getPercentage(n); return percentage + "%";}