bootstrapのprogressbarついて

Question

助けてください！！
現在、bootstrapを使いprogressbarを表示させようとしております。

只今、arrayと言う配列があり、配列がインクリメントすると変数numberの中に配列の場所が返ってきます。
返ってきたところでcontrol()が実行されます。

そこで、配列がインクリメントしたらその場所×5％プログレスバーが動くようにしたいのですが
（例えば現在の配列の参照場所が2ならば10％、参照場所が3なら15％といった感じです。）
このままですとプロフレスバーが動きません。
助けてください。
お願いします。

var number;
var array = new Array();


		function control(number)
		{
			var count = (number * 5 );
			function progress(count){
				setTimeout(function(){
				$("#progress").css({'width':count+'%'});
				//count++;
				if(count == 100) return;
				progress(count);
				},100);
		}

<div class="progress w210">
<div class="progress-bar progress-bar-info progress-bar-striped active" role="progressbar" style="width: 0%;"></div>
</div>

Answer 1

いろいろ間違いが重なっています。
まず、下記の点を修正されてはいかがでしょうか。

1. control() と progress() のブラケット（括弧）の対応が合っていない。
2. progress() 関数は宣言されているだけで呼び出しが行われていない。
3. progress(count) の count が 100 以外の状態で呼び出されるとスタックオーバーラン（再帰呼び出しが無限に行われてメモリーが足りなくなる）エラーが発生する。

ご参考になれば。

Comments

[kakkydayo]

ありがとうございます。progress()が呼ばれていないだけでした。

Answer 2

$("#progress").css({'width':count+'%'});
↓
$("#progress").css({'width'**+**count+'%'});

これで動いたりしませんか？