@@ -366,11 +366,11 @@ Boolean value that defines whether the **[`progress`](#progress)** or from you d
366
366
367
367
###### Animated: ✔️
368
368
369
- Is any Number or String. Use this property if you want to show progress value as the legend of the circle that is not in
370
- the range [ -100, 100] . If defined, ` legend ` will replace [ ` progress ` ] ( #progress ) as the circle legend!
371
- You can set any precision of the decimal numbers. If the prop is defined as a string, you can specify the ` "," `
372
- as decimals delimiter (e.g "123,123" for german numbers), apart from this the value must generally be a valid JavaScript Number.
373
- For more customization possibilities please use [ ` legendFormatter ` ] ( #legendformatter ) or [ ` scoped slot ` ] ( #default ) .
369
+ Is any Number or String. Use this property if you want to show the progress value as the legend of the circle that is not in
370
+ the range [ -100, 100] . If defined, ` legend ` will replace [ ` progress ` ] ( #progress ) as the circle legend! Defining the value as
371
+ string you can apply very simple formatting with ` "." ` or ` "," ` as delimiter to set initial counter placeholder (e.g "0045.00").
372
+ Apart from this the value must generally be a valid JavaScript Number. For more customization possibilities please
373
+ use [ ` legendFormatter ` ] ( #legendformatter ) or [ ` scoped slot ` ] ( #default ) .
374
374
375
375
###### Example: 📜
376
376
@@ -387,7 +387,7 @@ this.progress = this.rating * 100 / 5; // the rating percentage
387
387
Now you can display custom progress value that still animated and circle progress fills properly!
388
388
389
389
``` vue
390
- <ve-progress legend="345,12345 " /> // set "," as delimiter defining the value as string
390
+ <ve-progress legend="0100,450 " /> // counts up from "0000,000"
391
391
```
392
392
393
393
> ❗ note that ` legend ` replaces ** [ ` progress ` ] ( #progress ) ** as circle legend.
0 commit comments