コンテンツにスキップ

プログレスバー

このウィジェットには、デフォルトでプライマリカラーのインジケーター バーを持つスタイルタイプがいくつか用意されていますが、 利用可能な色のいずれかを使用してスタイルを変更することも可能です。

単色(デフォルト)

デフォルトのウィジェットスタイルでは、単色のインジケーターバーが表示されます。

ソリッドプログレスバー

# デフォルトのソリッド・プログレスバー・スタイル
Progressbar()

# 成功色の一色塗りプログレスバースタイル
Progressbar(bootstyle="success")

ストライプ

このウィジェットスタイルは、メインカラーにデフォルト色または 選択した色 を使用し、交互のストライプには その色の彩度を下げたバージョンを使用したストライプ状のインジケーターバーが特徴です。

ストライプ型プログレスバー

# デフォルトのストライプ型プログレスバースタイル
Progressbar(bootstyle="striped")

# 警告色のストライプ型プログレスバースタイル
Progressbar(bootstyle="danger-striped")