Pure CSS Progress Bar with Javascript for Animation
Two years ago, we have built a Javascript Progress Bar. Now, would you like a Pure CSS Progress Bar which requires one image for background stripes only? With simple Javascript for animation, it turned into a really simple and slick progress bar which you can use it anywhere on your website.
Pure CSS Progress Bar is best viewed in a Webkit based browser, Chrome is good, also Safari. Opera 10.62 looks quite good. Firefox and IE 9 kind of work (no animations). IE 8, 7 and 6 do not support rounding, shadows or animation.
Requirements:  Webkit based browsers
Demo: http://ivan.ly/ui/
License: License Free
Related Posts :
With few lines of JavaScript and CSS you can make simple AJAX progress bar. JavaScript will per ...
Pure CSS GUI icons is an experiment that uses pseudo-elements to create 84 simple GUI icons ...
This plugin uses XHR for uploading multiple files with progress-bar in FF3.6+, Safari4+, Chr ...
Speech bubbles are a popular effect but many tutorials rely on presentational HTML or JavaS ...
Mac-like Icon Dock (v2) is a “Mac OS X” style icon dock, built entirely in XHTML/CSS and with s ...
Posted on Thursday, September 23rd, 2010 at 4:23 pm | Category: Java Script |
Magazine of the week
Categories
- Adobe Photoshop Tutorials
 - Ajax
 - Articles
 - Companies
 - Corporate / Elegant
 - CSS
 - Designers Work
 - Fonts
 - Freebies
 - Freelance / Portfolios
 - Galleries
 - Graphic Art
 - HTML
 - HTML5
 - Icons
 - Identity
 - Illustration
 - Internet
 - Java Script
 - Jquery
 - Magazines
 - Marketing
 - One Page Websites
 - Photo Creativity
 - Photoshop
 - Print Design
 - Stock Images
 - Typography
 - Vectors
 - Video Tutorials
 - Wordpress
 - Wordpress Themes