Ajax Loader
×

Nice Sparkle Progress Bars

Shiny Sparkle Progress bars with percentage label. The sparkles inside the bars are created using a combination of linear-gradient and radial-gradient as the background and then animated using the animation and keyframes properties. However, the label for percentage is animated using jQuery.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

7 Comments

× New

Sign In to comment

templehoff:

Hi. Love the sparkle bar. I'm trying to use it but on my page the bars don't fill from the left. They just appear already complete on page load. The sparkle motion is working. Any idea what might cause this effect? Thanks!

PRERITbasu:

Where do i need to change the color of the progress bar to be gray#5E676E?

nathanh0:

This is seriously the best looking progress bar I've ever seen. NICE !!

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript
    CSSDeck G+