js插件yprogressbar实现了一个漂亮的进度条的效果
简介yprogressbar是一个基于HTML5插件的进度条。
yprogressbar是一个轻量级的进度条插件，方便使用，减少资源消耗，仿好压界面，数字显示，并支持在描述参数的增加，显示更详细的信息来执行动态，如上传速度、剩余时间等。
的yprogressbar代码编写简单、结构合理。它不会对您的系统产生不良影响。
界面预览
指令
文件参考
你可以仅指yprogressbar.css和yprogressbar.js文件。
用途概述
VaR有排搏=新yprogressbar（{
标题：正在上载文件…
DES上传速度：剩余时间的速度：千分之八MB秒/秒约为：第二秒}
闭合：真，
CancelCallback：功能（速率，VAR）{
console.log（率）；
console.log（VAR）；
}
}）；
Ypb.show（）；
实例化参数描述
为了显示对象的压路机，如果你想使用yprogressbar，你需要实例化。当实例化，你需要一些参数。整体而言，它是一个对象，具体的参数将逐一解释。
标题
进度条标题显示这个进度条正在做什么。
DES
对你想做的事情做一个更详细的描述，并直接写一个词。
有时我们想做一些技巧，比如显示上传速度和剩余时间等。yprogressbar完全支持你这样做。您只需要在描述中添加变量，格式为。
例如，上传速度：剩余的时间是：速度大约是
如果在这里指定一个变量，则在更新操作完成时，必须在第二个参数中指定变量的值。
闭合
破坏回调。一旦yprogressbar被毁，手动调用destroy方法或用户点击关闭按钮，这将引发回调。
当回调触发器被触发时，将引入两个参数：当前执行进度、当前描述中的参数值（对象包含名称、值）。
显示方法
不需要任何参数。
在调用show方法后将显示进度条。
更新方法
更新进度，两个参数。
第一个参数是当前进度，它直接由数字表示，例如，26，代表26%。
第二个参数是一个对象，它需要包含描述中所有变量的值。如果描述中没有变量，则可以忽略该参数。
例如:
ypb.update（26，{
速度：312，
第二：5
}）；
破坏方法
销毁进度条，释放内存。
查看GitHub上
以上是本文的全部内容，希望大家能喜欢。