Multi Step Form With Progress bar Using HTML, CSS & JavaScript [Project 32/100]

This video tutorial revolves around creating a multi-step registration form using HTML, CSS & Vanilla JavaScript.

Source Code:

▶ Follow & Subscribe

#html #css #javascript #js #web

[bwandesky]

Excellent tutorial. Step by step and goes straight to the point.

[davebudah]

I had to come back and say thank you for this wonderful tutorial.

[hemrycky]

Really thanks from Brazil bro!
Nice content and English, I understood everything

[fachrulrobi]

Can't wait to see your other videos.

[fareedkhanikor]

all the different elents together in a language that is universal. I've seen plenty of DAW tutorials being new, but tNice tutorials is by far the best so

[anirudhsingh]

I like smart people who explain and share the code

[cornelmarcu]

Hi. Very nice work @Basir. Can you complete your function script with a check for validation on each step of the form? In this moment you put required in html and the next button do not verify validation. Nor the submit button.

[Bosko]

how we perform on validation beacuse i already try to perform validation on your code but it not perform any action

[zachfenton]

Wonderful, well explained. I will use it in my project. Now we need to figure how to get the data from the forms to be passed into the backend. Much appreciated

[nileshpande]

Excellent tutorial can you make another part for validation in this form

[dushimegracefidele]

Thank you for such helpful content.
I like how you explained advanced concepts such as scale and CSS counter-reset properties

[solomondanso]

I love this tutorial. very clear to understand. but can you check the submit button, it restarts the progress all over

[dinethchamikara]

Thank You Very Much for this video.😀😀😀😀🙂🙂

[ibad]

excellent work excellent design, please complete your script with validation. no one can goto the next step without validation, can you please do that?

[emansem-es]

Thank you very much bro this is very helpful

[rubencodas.i]

How to add this code with validation ?

[efigeniafsilva]

Yay! thank you very much for making tNice tutorials video! Very helpful!

[willianklein]

You saved me so much, man. Thank you so much.

[cornedutoit]

This was a great tutorial! How would you implement validation for each step? Not allowing progression to the next step unless all the fields in the current step are filled in?

[hvsniddin]

hey, im having a problem. when the step-active is changed the animation is not being applied