Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Styling Multi step Form [closed]

Tags:

css

I am using a form page having multiple steps in it i want to design it something like this alt text
(source: fellowshipone.com)

the top part i.e. Step1, step2 etc. how to achieve this using CSS

like image 240
Mac Avatar asked Apr 27 '26 03:04

Mac


1 Answers

An easy way would be make a css sprite of all the possible step states, and make it one background image ( with or without the rounded corners ), set it on the div containing all the steps.. change it depending on the state ( specify a class ). float the steps which are lis and contain them on the parent element.

like image 131
meder omuraliev Avatar answered Apr 29 '26 17:04

meder omuraliev



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!