开发手册 欢迎您！
软件开发者资料库

Material Design Lite - 进度条

Material Design Lite进度条 - 从简单和简单的步骤学习Material Design Lite，从基本到高级概念，包括概述，环境设置，布局，网格，标签，页脚，徽章，按钮，卡片，进度条，旋转器，菜单，滑块，复选框，单选按钮，图标，开关，数据表，文本字段，工具提示。

MDL提供了一系列CSS类来应用各种预定义的视觉和行为
增强功能，并显示不同类型的进度条.下表提到了可用的类及其效果.

Sr.No.Class Name&描述
1

mdl-js-progress

将基本MDL行为设置为进度指示器并且是必需的类.

2

mdl-progress__indeterminate

将动画设置为进度指示器并且是可选类.

示例

以下示例将帮助您了解 mdl-js-progress

mdl_progressbars.htm

                                            
Default Progress bar
      
      

Indeterminate Progress bar

      
      

Buffering Progress bar

                           document.querySelector('#progressbar1').addEventListener('mdl-componentupgraded',             function() {            this.MaterialProgress.setProgress(44);         });         document.querySelector('#progressbar3').addEventListener('mdl-componentupgraded',             function() {            this.MaterialProgress.setProgress(33);            this.MaterialProgress.setBuffer(87);         });            

结果

验证结果.