滑动条/Sliders

MDL的滑动条/slider组件是HTML5新增元素range input的增强版本。 滑动条由一条水平线及其上的可移动滑块构成。当用户移动滑块时，就可以 从预设范围中选择一个值（左边是下界，右边是上界）：

使用MDL的滑动条组件很简单，为range input元素应用样式类mdl-slider 和mdl-js-slider即可：

<input type="range" min="0" max="100" class="mdl-slider mdl-js-slider" >

使用range input元素的min和max属性来设定值的范围，使用value属性来 设置滑动条的初始值：

<input type="range" min="0" max="100" value="25" class="mdl-slider mdl-js-slider" >