Foundation-progress-bar

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

進行状況バーは、進行状況を表示するために使用され、レイアウトに追加できます。 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リファレンスを使用して、コンポーネントのスタイルを変更できます。