Quick Start

import { ProgressProvider } from '@bprogress/vue';

<ProgressProvider>
  ...
</ProgressProvider>

<script setup lang="ts">
import App from './App.vue'
import { ProgressProvider } from '@bprogress/vue'
</script>
 
<template>
  <ProgressProvider>
    <App />
  </ProgressProvider>
</template>

import { createApp } from 'vue';
import Root from './Root.vue';
 
createApp(Root).mount('#app');

<script setup lang="ts">
import { useProgress } from '@bprogress/vue';
 
const { start, stop, pause, resume } = useProgress();
</script>
 
<template>
  <button @click="start()">Start</button>
  <button @click="stop()">Stop</button>
  <button @click="pause">Pause</button>
  <button @click="resume">Resume</button>
</template>