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

Why code is not working??

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?

Gracias por su ayuda

Hi sir, thankyou, I need to build this in the production without any plugin..

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

Cool

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

+1 sub bro u are perfect i will watch now your all videos i know its will be good experience and good for my study + <3 love u man

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

Awsome ❤

amzing video, thank you so much it really helped me thank you.😊

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

No the new soft soft is Iconic I'm using the $15 dollars one five star rating ✌️...

Thx .Nice easy beginners guide. helped plenty!

I'm too later for tNice tutorials, I'll be back stoned...

he BOUGHT the software hahahahahah

Aaron 70218 I tNice tutorialnk you accidentally closed it and then it crashed. Could you give more details?

Tho. Not as insane as my one friend. I talked Nice tutorialm into getting to soft. Ca back a week later and he sampled a fart and sohow

to

my soft and no content plays, I would really appreciate so guidance on how to fix tNice tutorials problem so I can actually move pass tNice tutorials, thank

Thank you.

god

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

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

You could make a basic template to start with every ti you start a new .

Can't wait to see your other videos.

Can you explain the && part between the contain and remove?

in the progress bar width you should just have multiplied 50 by the formStepNum :) but thanks for the tut anyway

Excelente video, no hablo ingles y como quiera lo vi. Buen ejemplo.

thank you very muchh

Extremely helpful 🙌🏻

the .progress-step-active colors the text not the circle , help!! and z-index gets rid of the progress bar all

Can we use this in MVC application?

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

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

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

Very helpful!

Thanks 👍

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.

required?

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

i don't know if this was useful or just showed that this is hard and we should keep using one form

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

The next button does not check if the requirements are matched how can this bug be fixed? For example if username is a required field it can be skipped by click on the Next button

I like smart people who explain and share the code

please how can i include required for the input to make it required ?

How to add this code with validation ?

Ur a legend masha Allah ☝🏼🤲🏼💐

i cant make the funtion of next button Idont know why
plss help me

hey do u have any idea how to turn the numbers to green checkmarks after proceeding to next step?