Docs
Progress Circle
Progress Circle
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
0%
Usage
vue
<script setup lang="ts">
import { Progress } from "wedges-vue";
</script>
<template>
<Progress :model-value="33" />
</template>API Reference
Props
| Prop | Type | Default |
|---|---|---|
color | 'primary' | 'green' | 'yellow' | 'red' | 'purple' | 'orange' | 'pink' | 'blue' | 'secondary' | 'primary' |
disableAnimation | boolean | false |
disabled | boolean | false |
getLabelValue | ((value: number, max: number) => string) | |
max | number | 100 |
size | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'md' |
value | number | 0 |
Examples
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%
75%