# Multi-colored Progress Bars — CSS3 Snippet
**Demo**: [demo.webinterfacelab.com/5-progress-bars](http://demo.webinterfacelab.com/5-progress-bars/)
Download the latest version of this snippet [here](http://www.webinterfacelab.com/snippets/multi-colored-progress-bars.zip).
[](http://www.webinterfacelab.com/snippets/multi-colored-progress-bars)
This snippet is implemented with [Sass](https://github.com/nex3/sass).
To compile:
`sass --update scss:css`
To compile and watch:
`sass --watch scss:css`
## Browser Compatibility
Firefox 4+, Safari 4+, Chrome 13+, Opera 10+, Internet Explorer 7+.
## Credits
Coded by [Thibaut Courouble](http://thibaut.me).
Original PSD by [Orman Clark](http://www.premiumpixels.com/freebies/multi-coloured-progress-bars-psd/).
For more snippets, visit [WebInterfaceLab.com](http://www.webinterfacelab.com) or follow [@WebInterfaceLab](http://twitter.com/WebInterfaceLab).
## License
Copyright (c) 2012-2013 Thibaut Courouble
Licensed under the MIT License
## More CSS3
Have a look at my [CSS-only UI kits](http://www.webinterfacelab.com/ui-kits):
[](http://www.webinterfacelab.com/ui-kits) [](http://www.webinterfacelab.com/ui-kits) [](http://www.webinterfacelab.com/ui-kits)
