In Inertia Js you can make use of the InertiaProgress to show a loading bar indication when processing / navigating between pages. To do this you can first install the package. Use the NPM or YARN to install Inertia JS Progress bar package.
npm install @inertiajs/progress yarn add @inertiajs/progress
Import the InertiaProgress and init it. It's very straight forward as follows. Do note that this is within the "resources/js/app.js" file.
import { InertiaProgress } from '@inertiajs/progress'
InertiaProgress.init()If you do want to change the progress bar color then specify it like the following.
/**
* Change the color of the inertia progress bar
*/
InertiaProgress.init({ color: "#4B5563" });I hope this snippets do help you and cheers! Happy coding.
Leave a reply