UI element

Progress stepper

Screens containing progress stepper.

1. BookMyShow: Event ticket types

   Step 2 of the wizard listing the gendered and couple inventory (Female Entry, Female Cover, Male Entry, Couple Entry, Male Cover, Couple Cover) with prices and an Add control per row.

   

   View the screen

2. BookMyShow: Contact detail before payment

   'Please Fill In The Missing Detail' sheet explaining the detail is needed to deliver tickets, with a country-code mobile-number field, a 'Save this detail in the profile for future transactions' checkbox and an enabled red Proceed To Pay button.

   

   View the screen

3. EaseMyTrip: Hotel payment

   Hotel payment step with wallet option, blank card-payment fields, secure-payment notice, and final payment action.

   

   View the screen

4. EaseMyTrip: Train booking review and IRCTC ID

   Review of the selected New Delhi to Mumbai Central train with an empty IRCTC User ID field, boarding station, fare total, and payment action.

   

   View the screen

5. BookMyShow: Event date and time

   Step 1 of the booking wizard (Date & Time / Ticket / Review) showing the venue line and Select Date chips for the available nights.

   Premium screenshot

   View the screen

6. BookMyShow: Live event booking - select venue

   First step of the live-event booking wizard for a multi-city event: a four-stage breadcrumb (Venue, Date & Time, Ticket, Review & Proceed to Pay) above a 'Select Venue' list of collapsible city groups. Bengaluru is expanded and shows one selectable venue card - MLR Convention Centre, Whitefield - with its starting date, distance, a Fast Filling label and a Know more link; Kolkata is collapsed below.

   Premium screenshot

   View the screen