# 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).
[![Preview](http://cdn.webinterfacelab.com/snippets/multi-colored-progress-bars/preview-580.png)](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):
[![Thumb #1](http://cdn.webinterfacelab.com/kits/colorful_css3_ui_kit_thumb_270_1.png)](http://www.webinterfacelab.com/ui-kits) [![Thumb #2](http://cdn.webinterfacelab.com/kits/colorful_css3_ui_kit_thumb_270_2.png)](http://www.webinterfacelab.com/ui-kits) [![Thumb #3](http://cdn.webinterfacelab.com/kits/colorful_css3_ui_kit_thumb_270_3.png)](http://www.webinterfacelab.com/ui-kits)
- 1
- 2
- 3
- 4
- 5
- 6
前往页