Skip to content

Progress Bar beta

Add examples and descriptions of the component features here.

<ch-progress-bar value="70"></ch-progress-bar>

Use the indeterminate attribute to show indeterminate progress.

<ch-progress-bar label="Indeterminate Progress Bar" indeterminate></ch-progress-bar>

p

Use the --progress-bar-height css property to set a custom height.

<ch-progress-bar
label="Custom Height Progress Bar"
style="--progress-bar-height: 20px;"
></ch-progress-bar>