<template>
  <div class="progressbar-playground row">
    <div class="col col-12">
      <v-progress-bar :model-value="25" label="25%" />
    </div>
    <div class="col col-12 mt-2">
      <v-progress-bar
        :model-value="50"
        class="text-bg-danger"
        :thickness="30"
        striped
        label="Label text whatever you want"
      />
    </div>
    <div class="col col-12 mt-2">
      <v-progress-bar
        :model-value="75"
        class="text-bg-success"
        :thickness="45"
        striped
        animated
        label="Thickness: 45"
      />
    </div>
  </div>
</template>

<script setup lang="ts">
import { VProgressBar } from '@/components';
</script>
