Aisol Roadmap Timeli

Steps in order, rail fills up

Aisol Roadmap Timeline puts a process in order and shows how far along it is: each step carries a status, and the rail fills up to the last completed one. Three layouts from one component - vertical, alternating left/right, or horizontal. Horizontal wraps instead of scrolling sideways, and below your chosen width it becomes a single column. - The rail can fill by status (done / in progress / upcoming) or on scroll, or stay empty. Scroll mode watches only this component's own steps - no page scroll listeners. - Status is spelled out, not just coloured: "Done", "In progress", "Upcoming" sit next to every title, so the meaning survives greyscale print or colour blindness. - Steps are an , because the order is the content. Screen readers get a numbered list. - Drop your own card into any step slot - a CMS-bound card works - and the rail, markers and status labels keep running around it. - Content comes from property controls or a CMS collection. Nothing outside the component is read or changed. Works for course curriculums, onboarding flows, project phases, hiring stages and product roadmaps. Part of the Aisol Course Site Kit - Curriculum accordion, tuition plan table, event list, hotspots and the free FAQ Fold for $19 instead of $31: https://payhip.com/b/W2hRH More components at Aisol Studio - https://www.framer.com/@ulz-song/

Steps in order, rail fills up