jquery - プログレスバーの幅

Question

私のコードは、パーセンテージを計算してそれを style.width として渡すことで、プログレス バーの幅を設定するように設計されています。私は初心者なので、悪いコードをお詫びします。

JQuery

$(document).ready(function() {
var width=(1/5*100);
$('#progress_bar').css('width','=width + "%"');
});

HTML

<div id="progress_bar" style="height:1em; background:red; display:block;"></div>

1秒でも余裕のある人が、それを機能させるのを手伝ってくれて、どこが間違っているのかを教えてくれるので、これから学ぶことができますか?

http://jsfiddle.net/SyxAM/

Answer 1

文字列'=width + "%"'を css パラメータの値にすることはできません。

あなたはおそらく欲しかった

 $('#progress_bar').css('width', width + "%");

Answer 2

これはあなたの問題を解決します

var width=(1/5*100);

$('#progress_bar').css('width',width + "%");

</p>

Answer 3

変数の追加が間違っていました。次のようにする必要があります。

$(document).ready(function() {
var width=(1/5*100);
$('#progress_bar').css('width', width + "%");
});

ここで見ることができますhttp://jsfiddle.net/SyxAM/2/