Progress

Overview

A progress bar component built on Reka UI's ProgressRoot.

Theme entry: Progress

Props

Name	Type	Required	Default	Description
themeOverride	Object		null	A partial ThemeObject keyed by component name, merged over this component's theme and provided to descendants.
class	import('vue').HTMLAttributes['class']		undefined	Additional CSS classes to apply to the root element.
modelValue	number		null	The current progress value, from 0 to max. Omit it or pass null for an indeterminate bar.
max	number		undefined	The maximum value. Defaults to 100.
getValueLabel	func		undefined	A function that returns the accessible label for the current value.
size	string		undefined	Track and indicator height variant.
tone	string		undefined	Status tone applied to track and indicator. Defaults to the primary surface.
as	string|object		undefined	The element or component to render as.
asChild	boolean		false	When true, merges props onto the child element instead of rendering a wrapper.

Source

client/lib/feedback/progress/Progress.vue