Сбор средств термометром - PullRequest
4 голосов
/ 04 августа 2010

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

Ответы [ 2 ]

4 голосов
/ 04 августа 2010

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

  1. создать div
  2. установить высоту / ширину
  3. установить изображение BG
  4. рассчитать положение изображения bg на основе значений
  5. установить свойство background-position css из результата
1 голос
/ 25 мая 2016

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

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...