籌款溫度計方法

Question

我需要爲網站創建一個溫度計類型小部件，在這裏我可以提供一個目標和當前數量，然後生成一個顯示進度的圖形。我在想用jQuery/CSS做什麼是最好的方法，但是後來我開始考慮使用jQuery UI庫中的垂直滑塊並對它進行蒙皮。你們如何看待這個？我找了一個插件，但沒有遇到任何相關的東西。

Answer 1

你可以通過一個簡單的div與background圖像，由JS定位的指標。

1. 創建一個div
2. 設置
3. 設定BG圖像
4. 計算血糖圖像的基於
5. 設置background-position CSS屬性形式的結果
的值的位置的高度/寬度

Answer 2

我認爲你可以結算這個小工具

http://david.dupplaw.me.uk/developer/jquery-thermometer

雖然在當前版本中，如果將較低的值更改爲零以外的任何值，UI未完全更新。修正版本，可以發現：

https://github.com/mahfuzmohammad/jquery.thermometer