Mprogress.js 是一款Google Material Design风格的线性进度条插件。

它通过纯JS和CSS3来制作，没有任何外部依赖库。

你可以选择4种类型的进度条效果。

类型1: Determinate

var mprogress = new Mprogress();

• mprogress.start() — 开始和显示进度条。

• mprogress.end() — 结束和隐藏进度条。

• mprogress.set(0.4) — 设置进度条的百分比。

• mprogress.inc() — 增加一个刻度值。

类型2 : Buffer

var mprogress2 = new Mprogress({
    template: 2, 
    parent: '#demoBuffer'
});

类型3: Indeterminate

var mprogress3 = new Mprogress({
    template: 3,
    parent: '#demoIn'
});

类型4: Query Indeterminate and Determinate

var mprogress4 = new Mprogress({
    template: 4,
    parent: '#demoQuery'
});

适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。