๐Ÿ“ฆ vuetifyjs / material-kit-theme

๐Ÿ“„ SiteBandwidth.vue ยท 26 lines
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26<template>
  <base-widget title="Site Bandwidth">
    <v-progress-circular
      :value="value"
      color="#D35253"
      rotate="270"
      size="128"
      width="24"
    />

    <div class="pa-3 headline font-weight-light">
      {{ value }}%
    </div>
  </base-widget>
</template>

<script>
  export default {
    name: 'WidgetsSiteBandwidth',

    data: () => ({
      value: 75,
    }),
  }
</script>