Material Design Lite for Seaside
Version v2.4.0Fork me on GitHub            
AboutGetting startedComponentsWidgetsExtensions

Loading

Indicate loading and progress states.

PROGRESS BAR
Default
	html mdlProgressBar id: 'progressBar'.
	html script: 'setInterval(function(){document.querySelector(''#progressBar'').MaterialProgress.setProgress(100/60* (new Date()).getSeconds());}, 1000);' js
Indeterminate
	html mdlProgressBar indeterminate
Buffering
	html mdlProgressBar id: 'bufferingProgressBar'.
	html
		script:
			'document.querySelector(''#bufferingProgressBar'').addEventListener(''mdl-componentupgraded'', function() {
	this.MaterialProgress.setProgress(33);
	this.MaterialProgress.setBuffer(87);
});'
SPINNER
Default
Single color
	html mdlSpinner active
	html mdlSpinner active singleColor