Ajax Loader
×

Simple CSS3 Progress Bar

CSS3 Progress Bar made by Samuel Flores. Here is the original demo that has some additional JS code to make the progress bar more interactive and useful. The movement of the bar is achieved with CSS3 Animations and keyframes. Do note that the stripes are achieved with repeating linear gradients. Lots of CSS3 features used in this demo like keyframes, animations, box shadows, linear gradients, repeating linear gradients and text shadows. Cool Stuff :)

IE 9 and below and Current releases of Opera do not support keyframes and animations. So the demo is best viewed in Chrome, Safari and Firefox.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Simple CSS3 Progress Bar

    CSSDeck G+