# Set max value in “VProgressCircular” (ui-template)

**URL:** https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275
**Category:** Dashboard
**Tags:** dashboard-2
**Created:** [7 February 2024 00:01 UTC](https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275 "2024-02-07T00:01:37Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![MecatronicaMADE](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@MecatronicaMADE](https://discourse.nodered.org/u/MecatronicaMADE)
#### Post date: [7 February 2024 00:01 UTC](https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275/1 "2024-02-07T00:01:37Z")

</div>

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://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/a/c/ac3c7b9233c6907ca75c705c4031b9ab30d6ad77.png)

In the API there is a way to set max value in “VProgressLinear” with:

| [max](https://vuetifyjs.com/en/api/v-progress-linear/#props-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.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [7 February 2024 06:55 UTC](https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275/2 "2024-02-07T06:55:21Z")

</div>

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

```auto
<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>

```

---

<div class="post-metadata">

### Author: ![MecatronicaMADE](https://avatars.discourse-cdn.com/v4/letter/m/ce7236/32.png) [@MecatronicaMADE](https://discourse.nodered.org/u/MecatronicaMADE)
#### Post date: [7 February 2024 15:00 UTC](https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275/3 "2024-02-07T15:00:59Z")

</div>

Thank you @Steve-Mcl, I will try it.  
Cheers

---

<div class="post-metadata">

### Author: ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)
#### Post date: [21 February 2024 15:01 UTC](https://discourse.nodered.org/t/set-max-value-in-vprogresscircular-ui-template/85275/4 "2024-02-21T15:01:31Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.