Progress Linear

The ProgressLinear component is used to convey data visually to users. They can also represent an indeterminate amount, such as loading or processing.

Usage

In its simplest form, ProgressLinear displays a horizontal progress bar. Use the value prop to control the progress.

API

Examples

Indeterminate

Using the indeterminate prop, ProgressLinear continuously animates.

Reversed

Displays reversed progress

Stream

The stream property works with buffer to convey to the user that there is some action taking place. You can use any combination of buffer and value to achieve your design.

Striped

This applies a striped background over the value portion of the ProgressLinear.

Slots

You can display anything inside the progress bar.

Ready For More?

Continue to learn more about svelte materialify with content selected by the creator.



Last Updated: 2022-10-03