Linear Progress

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

• Module @pmwcs/linear-progress
• Import styles:
  • Using CSS Loader
    • import '@pmwcs/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 progress={0.2} reversed />

LinearProgress

A component to display linear progress.

Props

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