Inertia Progress Bar

Yes, it is possible to place the Inertia.js progress bar in the center of the page with a larger size. You can achieve this by modifying the CSS styles of the progress bar.

Here's an example of how you can center the progress bar and increase its size:

#inertia-progress {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 200px;
  height: 20px;
  z-index: 9999;
}

In this example, we're using the position: fixed property to make the progress bar stay in the same position even when the user scrolls the page. We're also using the top: 50% and left: 50% properties to center the progress bar horizontally and vertically. Finally, we're setting the width and height properties to increase the size of the progress bar.

You can add this CSS code to your stylesheet or add it inline to your HTML file.

I hope this helps!