Feedback

Progress

Linear or circular progress feedback for determinate and indeterminate work.

Playground

Configure the baseline public contract and copy synchronized Vue markup.

Properties

Type

Size

Indeterminate

Show track

Expressive

Vue

<m-progress
  aria-label="Documentation progress"
  :style='{&quot;width&quot;:&quot;min(100%, 480px)&quot;}'
  :value="64"
  type="linear"
  size="medium"
  :indeterminate="false"
  show-track
  :expressive="false"
 />

MProgress API

Props, slots, and events are extracted from the current public UI Kit contract.

MProgress

Feedback family

src/runtime/components/ui/progress

Props

NameTypeDefault

value

number0

indeterminate

booleanfalse

size

'small' | 'medium' | 'large''medium'

showTrack

booleantrue

ariaLabel

string'Progress'

expressive

booleanfalse

type

'linear' | 'circular''linear'

Slots

Events

MProgress does not emit component-specific events. Native events fall through to its root element.