4

jQuery UI プログレスバーのデフォルトの方向は左から右です。完了時に右から左に移動するように変更するにはどうすればよいですか? 以下は、私が達成しようとしているものの例です。

右から左へ

4

4 に答える 4

1

CSS3 を使用してプログレス バーを 180 度回転させることもできます。

#progressbar {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg); /* IE 9 */
    -moz-transform:rotate(180deg); /* Firefox */
    -webkit-transform:rotate(180deg); /* Safari and Chrome */
    -o-transform:rotate(180deg); /* Opera */
} 

フィドル

古いバージョンの IE ではテストされていません。

于 2012-06-17T04:05:07.350 に答える
1

CSS のみ、これをページに追加してみてください:

.ui-progressbar .ui-progressbar-value {
  float: right;
}

これは完全な答えではありませんが、これが意図したものかどうかを確認するためのテストです。

于 2012-06-17T03:50:28.580 に答える
0

今日、角度のあるUIのプログレスバーで同じ問題を解決する必要がありました。他の答えは近いものでしたが、すべてのインスタンスを変更しないとブートストラップ 3 では機能しませんでした。これは私には受け入れられませんでした。

これは機能しました...セレクターは最初の子divを取得してから、フロートを適用します

.progress-reverse div:nth-of-type(1) {
    float: right;
}

<progressbar class="progress-striped progress-reverse active" value="progress" type="{{progressType}}"></progressbar>

お役に立てれば!

于 2014-09-18T23:51:19.650 に答える