Multi-Step Progress Indicator

This component displays a responsive multi-step progress indicator using Tailwind CSS styling and utilities. It has three steps - a completed step, a current active step, and an upcoming step. The steps are displayed vertically stacked on small screens and change to horizontal on larger screens using Flexbox and responsive display utilities. The active and completed steps have colored left borders that transition to top borders on larger screens. The upcoming step has an inactive gray border.