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
Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
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.