Progress
Progress circle, generally used to communicate data intuitively to users
Import
import { Progress } from  'mand-mobile-next'
Vue.createApp().component(Progress.name, Progress)
Code Examples
API
Progress Props
| Props | Description | Type | Default | Note | 
|---|---|---|---|---|
| value | progress value | Number | 0 | 0-1 | 
| size | circle size | Number | 70 | unit px | 
| width | circle stroke width | Number | 100 | unit px | 
| color | circle stroke highlight color | String | #2F86F6 | - | 
| border-color | circle stroke color | String | rgba(0, 0, 0, .1) | - | 
| fill | circle fill color | String | transparent | - | 
| linecap | shape of end | String | round | round,butt,square,inherit | 
| rotate | - | Number | 0 | - | 
| transition | use transition when value changes | Boolean | false | - | 
| duration | transition duration | Number | 1000 | unit ms | 
Progress Slots
default
slot inside circle, generally used to add text
defs
slot inside circle svg, generally used to add defs, use elements, etc
 Mand Mobile
 Mand Mobile