Jquery — как сделать шкалу, может есть где то готовый скрипт?

Question

[азаза]

есть форма, в ней всякие инпуты, селекты и т.п
напр. возьмем 10 штук, которые необходимо заполнить

<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/><br/>
<input type="text"/>

справа нужна шкала(полоска), которая будет расти в процентном соотношении
т.е если все инпуты заполнены, то соответственно будет 100% высвечивать

Спасибо

Comments

[Vadim Bogomazov]

1. Высчитывай процент заполненных полей от общего количества.
2. Закрашивай шкалу на этот процент.

Answer 1

[Сергей delphinpro]

Answer 2

[Vadim Bogomazov]

Answer 3

[alex-1917]

www.jooom.ru/toster/scale-js.html

$(function () {
	$('input[type="text"]').val('');
	$('input[type="text"]').on('change', function () {
		scaleGo();
	});
	function scaleGo() {
		$scale = 0;
		$('input[type="text"]').each(function( index ) {
			if ($(this).val() != '') $scale++;
		});
		$scale = $scale *10;
		$('.scale_info').text($scale+'%');
		$('.scale_inner').css('width', $scale+'%');
	}
});

Comments

[азаза]

Огромное Спасибо!
то, что нужно

[азаза]

Подскажите пожалуйста
как сюда добавить тип select
прописываю сюда

'input[type="text"]', 'select'
'input[type="text"]', 'option'

не работает

[alex-1917]

natojezlo,
$('input[type="text"], select')

[азаза]

alex-1917,
Спасибо