Customize Turbo progress bar styling with Tailwind/CSS

Turbo includes a progress bar at the top of the page, and it’s a surprisingly visible part of perceived quality. I like to set the color and height to match the app’s brand. This is pure CSS: target .turbo-progress-bar. You can also make it slightly thicker for accessibility or reduce animation for users with prefers-reduced-motion. It’s a tiny change, but it makes the app feel more cohesive. One caveat: if you’re using Tailwind, keep the CSS in a file that gets built and loaded consistently, and ensure the selector isn’t purged. I also avoid disabling the progress bar entirely; it’s useful feedback when requests are slow.