Are you happy with your logging solution? Would you help us out by taking a 30-second survey? Click here


A tutorial on how to create shaded CSS-only progress bars with Sass. By Rafael GonzΓ‘lez.

Subscribe to updates I use CSSProgress

Statistics on CSSProgress

Number of watchers on Github 72
Number of open issues 1
Main language CSS
Average time to merge a PR about 2 hours
Open pull requests 0+
Closed pull requests 0+
Last commit over 4 years ago
Repo Created over 4 years ago
Repo Last Updated almost 2 years ago
Size 620 KB
Organization / Authorcodrops
Page Updated
Do you use CSSProgress? Leave a review!
View CSSProgress activity
View on github
Fresh, new opensource launches πŸš€πŸš€πŸš€
Trendy new open source projects in your inbox! View examples

Subscribe to our mailing list

Evaluating CSSProgress for your project? Score Explanation
Commits Score (?)
Issues & PR Score (?)

Shaded Progress Bars: A CSS/Sass Exercise

A tutorial on how to create shaded CSS-only progress bars with Sass. By Rafael Gonzlez.

Article on Codrops



Integrate or build upon it for free in your personal or commercial projects. Don't republish, redistribute or sell as-is.

Read more here: License


Font Awesome licensed under SIL OFL 1.1. Font Awesome Code licensed under MIT License. Font Awesome Documentation licensed under CC BY 3.0


Follow Rafael: Twitter, Codepen, Google+, GitHub

Follow Codrops: Twitter, Facebook, Google+, GitHub, Pinterest

Codrops 2015

CSSProgress open issues Ask a question     (View All Issues)
  • over 4 years Demo link is broken
CSSProgress list of languages used
Other projects in CSS