<template>
  <div>
    <br>
    <x-progress :percent="percent1" />
    <br>
    <box gap="10px">
      <x-progress
        :percent="percent2"
        :show-cancel="false"
      />
    </box>
  </div>
</template>

<script>
import { XProgress, Box } from '../components/_index'

export default {
  components: {
    XProgress,
    Box
  },
  data () {
    return {
      percent1: 30,
      percent2: 60
    }
  }
}
</script>
