Streaming live at 10am (PST)

How can i recreate this Form and Progress Bar flow on Webflow?


#1

How can i build this type of form and progress bar flow on webflow?
Is it possible or i would have to apply a js?

Please see my reference site:
https://www.venturestoday.com/add-proposal

When you fill the form at number 1 it takes you to the second and so on till you complete the form while the progress bar is indicating the movements.
Can webflow do something like that?

I'll appreciate your great assistance

cc: sabana, cyberdave, PixelGeek, AlexN, StevenP, vincent, bartekkustra


#2

The form might need JS, but I'm not the right guy to answer that correctly.
The progress bar though is possible within Webflow!
Create a Div (progress bar) and put in in another div (progress bar wrapper). Make it the progress bar wrapper 100% width and the progress bar 0% width.

Then you have to create a few interactions with click triggers that you set on the "Continue" button of each form step. And you'd also create interactions for the "Back"-button and the aim for the interactions for both of these buttons should affect the width of the "progress bar" (NOT the wrapper) set in %. So if you have 5 form steps, you should make the bar increase in width with 20% each step.

Hope I'm not to unclear to you smile


#3

smile Not at all. It's pretty clear. but the info that's been submitted, where will they go? Oh maybe i have the answer, but would love to hear Yours smiley


#4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.