ipl-progress-bar

View Source

<ipl-progress-bar
    :value="value"
    :background-color="backgroundColor"
    :color="color"
/>

Note: Background colors dark and light are supported for backwards compatibility reasons (Being identical to primary and secondary respectively), but their use is not recommended as the descriptions may not be accurate in some color themes.

Custom Colors

View Source

<ipl-progress-bar
    :value="50"
    :color="color"
/>