进度条/Progress bar

MDL的进度条/progress bar组件用来提供后台活动的可视化反馈。进度条是一个水平的 长条，可以包含动画以传递工作中的感觉：

使用MDL进度条/Progress bar组件很简单：

<any class="mdl-progress mdl-js-progress "></any>

如果不需要提供给用户进度完成的具体百分比，可以附加一个动画：

<any class="mdl-progress mdl-js-progress mdl-progress__indeterminate"></any>

如果需要显示进度百分比，需要使用挂接在DOM对象上的MaterialProgress 变量的setProgress()方法：

var el = document.querySelector("#p1");
//setProgress()方法接受一个0~100的值
el.MaterialProgress.setProgress(80);

如果需要同时显示一个视频流的缓冲及播放情况，可以使用MaterialProgress变量的 setBuffer()方法，这个方法将对未缓冲的部分播放一个动画来表达缓冲效果：

var el = document.querySelector("#p1");
//setBuffer()方法接受一个0~100的值
el.MaterialProgress.setBuffer(80);