Funnel stages

Make it fit your project.

Build an eight-second funnel with four supplied stage counts. Size stages relative to the first value, introduce them from top to bottom, then display the percentage moving between adjacent stages. Keep the full counts and stage definitions visible.

Build and check.

1. Confirm the supplied content, target environment, and required assets before implementing.
2. Build an eight-second funnel with four supplied stage counts. Size stages relative to the first value, introduce them from top to bottom, then display the percentage moving between adjacent stages. Keep the full counts and stage definitions visible.
3. Expose seek(t) so frames can be inspected deterministically; add play, pause, replay, and a reduced-motion still.
4. Inspect the opening, midpoint, and final state at desktop and mobile sizes; report any dependency or output limitation.

Know the limits.

• Reject negative counts and disclose if stages overlap rather than represent a strict funnel.
• The prompt guides a coding agent; output quality depends on its implementation and review.

Want us to build it?

Send an optional project brief. We’ll receive your contact details, project description, and this recipe’s ID.