Creating a progress bar for my website

I wanyt to create a progress bar for my website in which a user can skip registration steps and fill them afterwards. Like supposeuser has to compulsorily foll step 1 & 2 of the reg process but can skip the 3rd and do it later. On his dashboard after he logs in the prgress bar shows up beneath his profile pic with percentage complated.now forexample a userhas filled the first two steps so 66% of the reg is done. and a LINK complete profile should appear below which redirct sto the third stepof the reg. how do i accomplsih this? A very good example of my example is LinkedIn. Thank you.

To make something that looks like a progress bar, you'd just need some sort of outer container, such as a <div> tag with its width set to, say, 400px, for exmaple. Inside this, you'd have another <div> with a background colour different to its parent, and with a width of 66%;