jquery - jquery uiプログレスバーの高さを変更することは可能ですか?

Question

HTMLテーブルセルにプログレスバーがあります。表のセルの幅まで拡大するようですが、プログレスバーの高さを明示的に指定したいです。

jQueryプログレスバーの高さを指定することは可能ですか?

    $(this).progressbar({
        value: parseInt($(this).attr("rel"))
    });

Answer 1

もちろん。サイズ変更可能なプログレス バーのデモもあります。

あなたには派手すぎますか？使用するだけ.height()です：

$('#progressbar').height(400);

デモ: http://jsfiddle.net/mattball/N5AVv/

Answer 2

すべてのcss属性で機能するこの関数を使用することもできます

$("#progressbar" ).css( "maxWidth", "200%" );

Answer 3

jQuery UI CSS ファイルを編集する必要があります。それは次のようになります

jquery-ui-1.8.17.custom.css

一番下 (~ 564 行目) までスクロールすると、次の CSS 属性が表示されます。

.ui-progressbar (...);

HEIGHT 属性値を任意の値に変更し、ファイルを保存してサーバーにアップロードします。ブラウザを更新すると、カスタマイズされたプログレス バーが表示されます。