Options overview

The progress is the only required property, and you are ready to go with just following line:

<ve-progress :progress="progress" />

Also make sure to check slots

Prop	Type	Values	Default
progress	Number	[-100, 100]
size	Number	>=0	200
line	String	"round | square | butt"	"round"
thickness	Number | String	>=0 as Number or percent value as String	"5%"
emptyThickness	Number | String	>=0 as Number or percent value as String	"5%"
lineMode	String	"center | out | out-over | in | in-over | top | bottom [offset]"	"center"
linePosition	String	"center | out | in [offset]"	"center"
emptyLinePosition	String	"center | out | in [offset]"	"center"
color	String | Object	any color as String or Object to specify gradient (see details)	"#3f79ff"
colorFill	String | Object	same as color	"transparent"
emptyColor	String | Object	same as color	"#e6e9f0"
hideLegend	Boolean		true
legend	Number | String	any number, accepts a . or "," as decimals delimiter and simple formatting
loading	Boolean		false
determinate	Boolean		false
legendFormatter	Function	(props: object) => string Function returning formatted value as string
reverse	Boolean		false
angle	Number	any Number	-90
half	Boolean		false
noData	Boolean		false
dash	String	"[strict] count spacing"
dot	String | Number | Object	Accepts size, color and other styles as Number, descriptive string "size [color]" or object {size [, backgroundColor, widht, borderRadius ...]}	0
animation	String	"default | rs | loop | reverse | bounce [duration delay]"	"default 1000 400"
loader	Object	{ [thickness, color, lineMode, line, opacity ]}
fontColor	String	any valid CSS value	"gray"
fontSize	String	any valid CSS value	"1rem"
legendClass	String	any
emptyColorFill	String | Object	same as color	"transparent"
gap	Number	any Number that defines the gap between multiple circles in pixel	0
data	Array	defines multiple circles, takes as values Objects with almost all props defined above