@onaug6th/load-bar NPM

loadBar

一个漂亮，强大的进度条插件。监听http请求的状态，并且直观的展示Http请求进度。

简体中文 | English

npm run dev

npm run build

使用 npm:

npm i @onaug6th/load-bar

使用script标签:

<script src="/dist/loadBar.min.js"></script>

页面中先引入jquery，然后再引入loadBar.min.js。

$("body").loadBar();

var options = {...}
$("#other").loadBar(options);

var opt = {
    displayOnRequest: false,
    height: 200,
    endLoad: function(){
        //  do sth
    }
}
$("body").loadBar(opt);

$("body").on("startLoad", function(){
    //  do sth
})

$("body").loadBar("start");
//  or
$("body").loadBar("getOpt", "img");
//  or
$("body").loadBar("setOpt", "img", yourPath);

名称	说明	参数
start	进度条开始
end	进度条结束
setOpt	设置进度条配置属性	`attrName: String Object, value: String`
getOpt	获取配置属性	`attrName: String`
destroy	摧毁进度条
sayName	打招呼	`name:string`