<template>
  <v-dialog
    v-model="show"
    persistent
    :width="width"
  >
    <v-card
      color="primary"
      dark
    >
      <v-card-text>
        {{ text }}
        <v-progress-linear
          indeterminate
          color="white"
          class="mb-0"
        ></v-progress-linear>
      </v-card-text>
    </v-card>
  </v-dialog>
</template>

<script>
export default {
  name: 'progress-linear',
  props: {
    width: {
      type: [String, Number],
      default: '300'
    },
    visible: {
      type: Boolean,
      default: false
    },
    text: {
      type: String,
      default: '请稍后.....'
    }
  },
  data () {
    return {
      show: false
    }
  },
  watch: {
    visible (val) {
      this.show = val
    }
  }
}
</script>

<style lang="scss" scoped>

</style>
