<template>
  <v-tooltip top>
    <template v-slot:activator="{ on }">
      <v-progress-linear
        v-if="percentDone < 100"
        v-model="percentDone"
        color="accent"
        v-on="on"
      />
    </template>
    <span>{{ percentDone }}% complete</span>
  </v-tooltip>
</template>

<script>
export default {
  props: {
    percentDone: {
      type: Number,
      default: 0,
    },
  },
}
</script>
