如何创建可视化温度计

Question

我的页面中有一个代表疾病温度计数值的input框。我想添加一个视觉温度计，以便当用户输入一个值，加载栏来填充温度计，如果值很大，温度计的颜色将改变它的颜色。

我发现了这个：

http://www.fundraiserinsight.org/thermometer/

但它是从0开始的，也是静态的。

Answer 1

一个想法可能是一个滑块和一个可以改变颜色的温度计。类似于http://jsfiddle.net/VNjVv/ ('run')

Answer 2

您可以做的是根据捐赠的级别显示与您引用的温度计HTML示例不同的图像。并且，使图像的大小增大。抱歉，我没有发布完成此任务的实际代码;-)