UNPKG

@mozaic-ds/vue

Version:

Mozaic-Vue is the Vue.js implementation of ADEO Design system

github.com/adeo/mozaic-vue

adeo/mozaic-vue

15 lines (10 loc) • 962 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
# MCircularProgressbar A circular progress bar visually represents progress toward a goal or completion of a process using a circular shape. It is commonly used to indicate task completion or performance metrics. The progress is displayed as a partially filled ring, often accompanied by a percentage or status indicator. Circular Progress Bars are useful for providing users with real-time feedback on ongoing actions without taking up significant screen space. ## Props | Name | Description | Type | Default | | --- | --- | --- | --- | | `size` | Sets the size of the progress bar. | `"s"` `"m"` `"l"` | - | | `value` | The current value of the progress bar. | `number` | `0` | | `type` | Shows either a percentage or custom content. | `"percentage"` `"content"` | `"percentage"` | | `contentValue` | Main content shown when `type` is `'content'`. | `string` | - | | `additionalInfo` | Additional text shown to define the `contentValue`. | `string` | - |