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.

Recommended Answers

All 2 Replies

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%;

There is a lot of neat javascript/jquery plugins you can download for free. And I know HTML 5 also supports a progress bar if you want to read up on that.

But the ones you're going for would be like these if I understand you correctly:

JS - http://s3.envato.com/files/2526201/index.html
Check under "Untypical usage: poll result" there is a static progressbar example with code!

Jquery example - http://jqueryui.com/progressbar/

Hope this helps!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.