如何创建像图像一样的线规？

Question

我想用html，jquery或php之类的图片创建动态线规， first

scale is 0-80.
0-10 = skyBlue.
11-20 = lightGreen.
20-35 = yellow.
35-55 = orage.
55 > = red.

如果得分为51，则线性规显示为- second

如果得分为25，则线性规显示为- third

并显示所有分数值。