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