Счетчик кликов в progressbar
 

Добрый день. Скажите как сделать что бы кол-во кликов на элемент или несколько отображалось в progressbar. Если конкретней то есть Progressbar и есть элементы В этих элементах есть свой счетчик, я хочу что бы значения это счетчика отображалось в Progressbar'е. Допустим 1000 это конечный результат который мне нужен. Если пользователи воспользуются элементом 1000 раз то мой Progressbar будет показывать 100%, соответственно если пользователи воспользуются элементом 100 раз, то Progressbar будет показывать 10%. То есть он реагирует в реальном времени, меняется значение в счетчике элемента меняется значение в Progressbar'е.

<div id="el">el</div>
<span id="progressbar" maxprogress="1000">0</span>%

var cc = 0;
$('#el').click(function(){
progressbar = $('#progressbar');
cc++;
max = Number(progressbar.attr('maxprogress'))
if(cc <= max){
   procent = Math.ceil((cc/max) * 100)
   progressbar.text(procent)
} else {
   alert('progressbar complete')
}
})