Skip to content

Progress

Overview

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

Theme entry: Progress

Props

NameTypeRequiredDefaultDescription
themeOverrideString|Object|ArraynullA partial theme object merged with the component's default theme; accepts a class string, class array, or theme object.
classimport('vue').HTMLAttributes['class']undefinedAdditional CSS classes to apply to the root element.
modelValuenumber0The current progress value (0 to max).
maxnumberundefinedThe maximum value.
getValueLabelfuncundefinedA function that returns the accessible label for the current value.
sizestringundefinedTrack and indicator height variant.
tonestringundefinedStatus tone applied to track and indicator. Defaults to the primary surface.
asstring|objectundefinedThe element or component to render as.
asChildbooleanfalseWhen true, merges props onto the child element instead of rendering a wrapper.

Source

client/lib/feedback/progress/Progress.vue

Documents matching: server v3.0.0a1.post1client v3.0.0-alpha.2