Light CSS3 Loading Progress Bars

These progress loading bars have been crafted using pure CSS3. They look great on light backgrounds, are easy to implement and come in a variety colours for you to choose from.

Live Preview & Browser Support

Check out the live preview.

Supported in all modern browsers, and will degrade gracefully to varying degrees in Internet Explorer versions.

Looking for something darker?

We also have a set of Dark CSS3 Loading Progress Bars available!

Free License

Feel free to download and use this item for both personal and commercial projects with attribution back to MediaLoot. Please note:

  • Attribution is required for free items. For a non-attribution license, please become a member or buy the full version.
  • You may not distribute or offer this set for download on other websites. Promotion is always appreciated, but please send people to this page.

Single Purchase


  • Get instant access to this item after purchase
  • Stored in your Medialoot account to re-download when you'd like
  • Simple, flexible license that gives you powerful options for your design

Join Medialoot Premium


  • Get instant access to this item plus all of our other resources
  • Updates for your products as long as you're a member
  • Simple, flexible license that gives you powerful options
  • Unlimited access to Medialoot's entire collection with subscription
  • New items added regularly, and we love member suggestions
  • Cancel your membership anytime and for any reason
Join Now

More from User Interface » Coded Elements


  • Reply »


    Это круто! (It’s cool!) :)

    May 30, 2012 at 4:54 am
  • Reply »
    Triyas Agus

    Triyas Agus

    Very useful resources. thanks for share

    May 30, 2012 at 9:16 pm
  • Reply »


    i can see…Media Loot Online School…Learn All about CSS3, Web design and more, became a excellent expert…

    Jun 1, 2012 at 10:53 pm
  • Reply »
    john b

    john b

    Any assistance out there on how to use these?

    Jun 11, 2012 at 10:00 pm
  • Reply »
    Marco Berrocal

    Marco Berrocal

    John B.

    Just look at the code and how it’s done. It shouldn;t be that hard?

    Jun 19, 2012 at 12:22 pm
  • Reply »
    Mehdi Rizvandi

    Mehdi Rizvandi

    great, iLikeIt,
    thanks for free sharing

    Jul 12, 2012 at 12:57 pm
  • Reply »

    Good idea for this job.

    Oct 20, 2012 at 4:07 am

Leave a comment

Tag Cloud

Don't Miss Another Freebie - Sign Up for Our Newsletter!

Make sure you don't miss out on future free resources by signing up for our weekly newsletter.

Sign up to our Newsletter

Get site updates, freebies, and MediaLoot news.

Contact Us

Suggest a resource


Attribution for free resources must be provided in conjunction any time the freebie is used, on the same page where the resource appears on your design. Or, you can purchase a premium version of the free resource.

See all