naive-ui/demo/documentation/components/loading-bar/enUS/basic.demo.md

Basic

<n-space>
  <n-button @click="handleStart">
    start
  </n-button>
  <n-button @click="handleFinish">
    finish
  </n-button>
  <n-button @click="handleError">
    error
  </n-button>
</n-space>

export default {
  inject: ['loadingBar'],
  methods: {
    handleStart() {
      this.loadingBar.start()
    },
    handleFinish() {
      this.loadingBar.finish()
    },
    handleError() {
      this.loadingBar.error()
    }
  }
}