Foundation-progress-bar

提供:Dev Guides
2020年6月23日 (火) 01:26時点におけるMaintenance script (トーク | 投稿記録)による版 (Imported from text file)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
移動先:案内検索

財団-メディアプログレスバー

進行状況バーは、進行状況を表示するために使用され、レイアウトに追加できます。 HTMLの2つの要素のみが必要で、シンプルでカスタマイズしやすいです。

次の表は、_progress bar_をFoundationで使用する方法を示しています。

Sr.No. Progress bar detail & Description
1

Basics

進行状況バーには、コンテナやメーターなどの2つの要素が含まれています。

2

Colors

.success _、。warning 。alert_などのカラークラスを使用して、プログレスバーのスタイルを設定できます。

3

With Text

_progress-meter-text_クラスを使用して、プログレスバーをテキストで使用できます。

4

SASS Reference

SASSリファレンスを使用して、コンポーネントのスタイルを変更できます。