The progress is the only required property, and you are ready to go with just following line:
<ve-progress :progress="progress" />Prop Type Values DefaultAlso make sure to check slots
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
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4