@inertiajs/progress

This package adds an NProgress page loading indicator to your Inertia.js app.

Usage no npm install needed!

<script type="module">
  import inertiajsProgress from 'https://cdn.skypack.dev/@inertiajs/progress';
</script>

README

Inertia.js Progress

This package adds an NProgress page loading indicator to your Inertia.js app.

Installation

npm install @inertiajs/progress
yarn add @inertiajs/progress

Once it's been installed, initialize it in your app:

import { InertiaProgress } from '@inertiajs/progress'

InertiaProgress.init({
  // The delay after which the progress bar will
  // appear during navigation, in milliseconds.
  delay: 250,

  // The color of the progress bar.
  color: '#29d',

  // Whether to include the default NProgress styles.
  includeCSS: true,

  // Whether the NProgress spinner will be shown.
  showSpinner: false,
})