div中的多个BG颜色

Question

使用CSS和JS，是否可以创建具有多种颜色的div？

例如来自

0-30：红色， 31-89：绿色 90 - 100：蓝色

否则，使用Foundation的进度条？

感谢。