Подход к методу фандрайзинга

Question

Мне нужно создать виджет типа термометра для веб-сайта, где я могу накормить цель и текущую сумму, а затем создать графику, показывающую прогресс. Я думал что-то с jQuery/CSS было бы лучшим подходом, но потом я подумал, может быть, просто используя вертикальный слайдер из библиотеки jQuery UI и скинируя его. Как бы вы все подходили к этому? Я искал плагин, но не нашел ничего подходящего.

Answer 1

Вы можете сделать индикатор простым div с изображением background, расположенным на JS.

1. создать DIV
2. установить высота/ширина
3. набор БГ изображение
4. вычислить положение Б.Г. изображения на основе значений
5. Установите background-position CSS форма собственности результат

Answer 2

Я думаю, вы можете проверить этот виджет

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

Хотя в текущей версии, если вы измените нижнее значение на что угодно, кроме нуля, пользовательский интерфейс не обновляется отлично. Исправленный вариант можно найти:

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