Linear Progress

Progress and activity indicators are visual indications of an app loading content.

• Module @rmwc/linear-progress
• Import styles:
  • Using CSS Loader
    • import '@rmwc/linear-progress/styles';
  • Or include stylesheets
    • '@material/linear-progress/dist/mdc.linear-progress.css'
• MDC Docs: https://material.io/develop/web/components/linear-progress/

<LinearProgress progress={0.5} />

<LinearProgress progress={0.6} buffer={0.8} />

<LinearProgress />

<LinearProgress reversed />

LinearProgress

A component to display linear progress.

Props

| Name | Type | Description | |------|------|-------------| | buffer | number | A Progress buffer float percentage between 0 and 1. | | closed | boolean | Hides the progress bar. Adding / removing this prop will trigger an animation in or out. | | foundationRef | Ref<MDCLinearProgressFoundation<>> | Advanced: A reference to the MDCFoundation. | | progress | number | Progress float percentage between 0 and 1. | | reversed | boolean | Progress goes from right to left. |