<baht-progress>

Progress bar. value null = indeterminate.

Determinate

show-label

HTMLReactAngular

Copy

<baht-progress value="65" show-label="true"></baht-progress>
<baht-progress value="100" tone="success"></baht-progress>
<baht-progress value="30" tone="danger"></baht-progress>

Indeterminate

HTMLReactAngular

Copy

<baht-progress></baht-progress>

Props

Name	Type	Default	Description
value	number | null	null	0–100; null = indeterminate. Set via JS or value attribute.
tone	'primary' | 'success' | 'warning' | 'danger'	'primary'	Color (primary | success | warning | danger)
show-label	boolean	false	Show % text
label	string	'Progress'	Accessible name for the progressbar.