Progress Indicators Overview0:00
Now, if you're working along, and I hope you are, return to the Inertia documentation and scroll down to the bottom, and we're going to take a look at progress indicators. You'll see right here, Inertia provides an optional progress library, which shows a loading bar whenever you make an Inertia visit. That is what we want. Okay, so to use it, we need to install it through npm. So let me exit out of mix, pull that in, and then what next? Progress it in your app, so we import it, and then we call InertiaProgress.init. And also take note while we're here, you can override certain options if you want, like the color of the loading bar, or whether a spinner will display.
Install and Initialize Progress0:35
And also take note while we're here, you can override certain options if you want, like the color of the loading bar, or whether a spinner will display. Okay, so let's go to phpStorm, into our app.js, we're going to pull in InertiaProgress, and then finally down here at the bottom, InertiaProgress.init. And I think that should do it. So let's boot up our Webpack watch again, and back to Firefox. Refresh the page, and if I click on Users, we have a two-second delay, but notice you saw that little indicator at the top. One more time, go to Users, one, two, and now the user has just a little more feedback. Now like I said, if you want, you can override some of the options, like maybe you want the
