VProgress

Progress circular, generally used to communicate data intuitively to users

Import

import { VProgress } from 'vui-vc-next'

app.component(VProgress.name, VProgress)

Props	Description	Type	Default	Note
value	progress value	Number	`0`	`0-1`
size	circle size	Number	`70`	unit `px`
width	circle stroke width	Number	-	unit `px`
color	circle stroke highlight color	String	`#fc9153`	-
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`
rotate	-	Number	`0`	-
is-animated	Whether show animation when value changes	Boolean	`false`	-
duration	transition duration	Number	`1000`	unit `ms`

slot inside circle, generally used to add text

slot inside circle svg, generally used to add defs, use elements, etc