menu
Dark Mode
backgroundLayer 1
preact-material-components
Components and their props
  • LinearProgress
    • indeterminate true/false
      Tells if the progress bar is running forever.
    • reversed true/false
      Tells if the progress bar direction is reversed.
    • progress true/false
      Sets the current progress of the progress bar.
Sample code
import {h, Component} from 'preact';
import LinearProgress from 'preact-material-components/LinearProgress';
import 'preact-material-components/LinearProgress/style.css';

export default class SnackbarPage extends Component {
  render(){
    return (
      <div>
        <LinearProgress reversed={true} />
      </div>
    );
  }
}
Original documentation
This component encapsulates mdc-linear-progress, you can refer to its documentation here.
Demo
Indeterminate
<LinearProgress indeterminate={true} />
Reversed
<LinearProgress reversed={true} indeterminate={true} />
Progress
<LinearProgress progress={0.8} accent={true} />