индикатор выполнения на основе JavaScript

Question

Мне любопытно, как может быть разработан индикатор прогресса на основе javascript (или также извлекающий выгоду из jquery):

альтернативный текст http://img707.imageshack.us/img707/3295/dealindicator.png

Моя первая идея заключается в следующем:

function drawBar(total,sofar){
.........................

}

, где он потребляет максимальное число (20 в нашем случае) и мягкое (15 для изображения).

Но как это можно реализовать?

Есть ли плагин на основе jquery для достижения этого?

С уважением

Answer 1

Обычно это делается с помощью CSS, путем создания div общего размера вашего индикатора выполнения, а затем получения еще одного div дочернего элемента того, который в процентном соотношении должен заполняться.

Вы можете стилизовать div как угодно. Вы, вероятно, хотите присвоить внутреннему элементу div значение background-color или background-image & background-repeat. Это может быть сплошной цвет, градиент или полосатый рисунок, который кажется довольно популярным.

У вас есть Google для плагинов jQuery? Их довольно легко найти. Вот, например, один: http://t.wits.sg/jquery-progress-bar/