Material Design Lite Progress Bars - Material Design Lite

What are Material Design Lite Progress Bars?

The MDL progress bars supports various CSS classes to apply various predefined visual and behavioral enhancements to the display various types of progress bars. Following table explains about the available classes and their effects.
S.N.
Class Name & Description
1
mdl-js-progress
Supports basic MDL behavior to progress indicator and is a required class.
2
mdl-progress__indeterminate
Supports animation to progress indicator and is an optional class.

Example

Below mentioned example explains about the use of mdl-js-progress classes to display various types of progress bars.
mdl_progressbars.htm

Result

Verify the result.

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

Material Design Lite Topics