Progress
Linear progress and status feedback
Progress
Linear progress shows stages and rhythm of work.
Status: Beta
Demo
Progress States
Base progress with status colors
Demo loads on client.
Basic Usage
<template>
<TuffProgress :percentage="60" />
<TuffProgress :percentage="60" :show-text="false" />
</template>
API (Lite)
| Property | Type | Default | Description |
|---|---|---|---|
| percentage | Progress percentage | ||
| status | successwarningerror | - | Status color |
| indeterminate | Indeterminate mode |
Composite Patterns
Progress Row
Progress paired with status label.
Demo loads on client.
Was this helpful?