Jump to content

What's Your Favorite CSS Progress Bar?


Nathan
 Share

Recommended Posts

I like that one simple and great looking ;) . Well you can always make one yourself by using photoshop or gimp :)

I made one once i will search my pc if I still have it here somewhere. Its a simple version of the above a more simpler version maybe that will suit your needs :)

Link to comment
Share on other sites

Dynamic drive has some great Javascript based progress bars. My favorite one is WinXP progress bar, you can find it here

 

http://www.dynamicdrive.com/dynamicindex11/xpprogressbar.htm

 

If you want to check all the progress bar scripts offer by them, use the following link

 

http://www.dynamicdrive.com/search/search.php?zoom_query=progress+bar&zoom_per_page=10&zoom_and=1&zoom_sort=0

 

Bryce

Link to comment
Share on other sites

That's a pretty good tutorial. I'll have to keep that in mind for a future project. :) Thanks so much for sharing! I'm still learning JS and JQuery so this is a good way to learn a few things I guess. :D learning what every bit of code actually does and such. :) I Can think of a few scenarios where a progress bar would be beneficial to have on a website so hopefully I'll have use for this in a future project of mine. :P

Link to comment
Share on other sites

Wow.. Didn't know that it was possible to make the progress bars in CSS3.. I guess I need to learn CSS3 from scratch because all the features that I've been using are border radius and box shadow. Btw Nathan, I really like the one you posted, might use that in a project of mine :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...