Svelte Material UI - Linear Progress

A linear progress indicator.

Installation

npm install --save-dev @smui/linear-progress

A Linear Progress component.

use: [] - An array of Svelte actions and/or arrays of an action and its options.
class: '' - A CSS class string.
indeterminate: false - Whether the progress value is unknown. This causes the indicator to display a cyclical animation.
reversed: false - Whether to reverse the indicator.
closed: false - Whether the indicator should be hidden. Using this instead of an #if block is recommended, because the height of the container will not change when it is shown/hidden.
progress: 0 - The progress to indicate. (float between 0 and 1, inclusive)
buffer: undefined - The buffer progress to indicate. (null or float between 0 and 1, inclusive)

See Progress indicators in the Material design spec.

See Linear Progress in MDC-Web for information about the upstream library's architecture.