Linear Progress

A linear progress indicator is a visual representation of progress toward a specific goal.

Overview

API


    <linear-progress value="40" label="Progress" helper-text="Optional helper text goes here..."></linear-progress>


    <linear-progress label="Indeterminate" indeterminate="true"></linear-progress>


  <linear-progress label="Inline" helper-text="Optional helper text goes here..." inline="true"></linear-progress>

Fancy larger or smaller spinners? Add size attribute for additional sizes.


  <linear-progress value="60" style="--progress-height: 8px"></linear-progress>