如何接近创建视觉温度计

Question

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

我发现了这个：

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

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

Answer 1

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

Answer 2

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