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

在线预览 下载

使用方法

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

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

        

          
        
        
        

          

          AI 代码解读
        
      
      

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()
隐藏进度条。