Survey Form V03

Author: Colorlib

Released: September 2026

License: CC BY 3.0

A four-page rider survey for a made-up transit operator, with a step list in a dark side panel and a progress bar above the questions. Each page is checked before moving on, answers are kept when going back, and the last page lists every answer with an Edit button that jumps to it. On phones the side panel stacks on top and the steps become a compact row.

It is plain HTML and CSS plus a few lines of vanilla JavaScript: no jQuery, no Bootstrap files, no plugins, and the download is 161 KB. Use it on its own, or drop it into a Bootstrap 4, 5 or 6 project and it looks the same.

• role=progressbar with aria-valuenow and a readable aria-valuetext
• Step list marks the current page with aria-current=step
• Per-page validation, including a pick-at-least-one checkbox group
• Heading of each new page takes focus for screen reader users
• Review page built from the answers with Edit buttons
• Enter moves to the next page instead of submitting early