纯js轻量级页面顶部Loading进度条插件

ToProgress是一款非常实用的纯js轻量级页面顶部Loading进度条插件。这个进度条插件没有任何外部依赖，可以完全控制进度条的状态，并且压缩版本只有2.2KB大小，小巧而实用，适合在桌面设备和移动手机上使用。

使用方法

初始化插件

可以使用下面的方法来初始化该进度条插件。

var options = {
  color: '#EEE',
  duration: 0.2,
  height: '2px'
}
var topbar = new ToProgress(options);      
              

API

new ToProgress(options[,selector])

• 参数：
  • id：进度条上自动创建的ID
  • color：进度条的颜色
  • height：进度条的高度
  • duration：增加的持续时间，单位秒
• selector：有效的CSS选择器，如果定义了该参数，进度条将被放置在该选择器指向的元素的顶部。只会查找匹配的第一个元素。

increase(progress[,callback])

progress：百分比数值。

decrease(progress[,callback])

progress：百分比数值。

setProgress(progress[,callback])

progress：百分比数值。

reset([,callback])

重置进度条。

finish([,callback])

结束进度条。

getProgress()

获取进度条的当前进度（百分比数值）

show()

显示进度条。

hide()

隐藏进度条。