【发布时间】：2010-08-04 06:05:19
【问题描述】：
我需要为网站创建一个温度计类型的小部件，我可以在其中输入目标和当前数量，然后生成显示进度的图形。我在想 jQuery/CSS 是最好的方法，但后来我开始考虑可能只是使用 jQuery UI 库中的垂直滑块并对其进行蒙皮。你们会如何处理这个问题？我一直在寻找一个插件，但没有遇到任何相关的东西。
【问题讨论】：
标签： jquery html css jquery-plugins
【发布时间】：2010-08-04 06:05:19
【问题描述】：
你可以通过一个简单的 div 来制作指标，带有background 图像，由 JS 定位。
- 创建一个 div
- 设置高度/宽度
- 设置背景图片
- 根据数值计算背景图像的位置
- 在结果中设置
background-positioncss 属性
【讨论】：
-
继续使用这种方法，效果很好。谢谢！
-
太棒了！如果您可以在这里分享您的代码，这将对我们所有人都有帮助。
我想你可以看看这个小部件
http://david.dupplaw.me.uk/developer/jquery-thermometer
虽然在当前版本中，如果您将较低的值更改为零以外的任何值，则 UI 不会完美更新。可以找到更正的版本：
【讨论】：