I am using a form page having multiple steps in it i want to design it something like this

(source: fellowshipone.com)
the top part i.e. Step1, step2 etc. how to achieve this using CSS
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With