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

Dashboard
2

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