Progress bars（プログレスバー）
プログレスバーを表示します。
最新のブラウザーでない場合、プログレスバーが正しく表示されないことがあります。
進捗表示等の変化のあるプログレスバーとして動作させるには、Javascript等で表示制御を行う必要があります。
サンプル01－プログレスバー表示
コーディング
- progress
- 01行目 プログレスバーの設定をprogressで囲みます
- progress-bar
- 02行目 style=”width: **%”で指定された%表示でプログレスバーを表示します
- style=”widspan40%”
サンプル02－プログレスバーに色をつけて表示
指定なし：青色
progress-bar-success：緑色
progress-bar-info：水色
progress-bar-warning：オレンジ色
progress-bar-danger：赤色
コーディング
- progress-bar-*****
- 02行目 プログレスバーの色を指定します
サンプル03－プログレスバーをストライプ表示
コーディング
- .page-header
- 01行目 ストライプ表示するプログレスバーにprogress-stripedを指定します
サンプル04－プログレスバーをアニメーション表示
コーディング
- .active
- 01行目 アニメーション表示するプログレスバーにactiveを指定します<
サンプル05－プログレスバーを分割表示
コーディング
- progress
- 01行目 分割表示するプログレスバーをprogressで囲みます
- progress-bar
- 02-04行目 分割表示するプログレスバーをprogress内にまとめて記述します
- 05行目 100%を超えるプログレスバーに関しては無視され表示されません