Hi, Is there any way to set max value in “VProgressCircular” vuetify component, I’ve been learning about how to use vuetify components with ui-template node of Dashboard 2.
![Screenshot from 2024-02-06 16-13-34](https://global.discourse-cdn.com/business6/uploads/nodered/original/3X/a/c/ac3c7b9233c6907ca75c705c4031b9ab30d6ad77.png)
In the API there is a way to set max value in “VProgressLinear” with:
max |
string |
number |
100 |
Sets the maximum value the progress can reach. |
|
|
|
But in “VProgressCircular” I can’t find anything. I hope you can help me.
There is no max. It is for representing 0~100.
Use a scale node to scale your value into that range.
You can still show your original value by using a slot
<template>
<div class="text-center">
<v-progress-circular :rotate="360" :size="100" :width="15" :model-value="scaledValue" color="teal">
<template v-slot:default> {{ value }} </template>
</v-progress-circular>
</div>
</template>
1 Like
Thank you @Steve-Mcl, I will try it.
Cheers
This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.