نوار وضعیت

مؤلفه های پیشرفت با دو عنصر HTML ، مقداری CSS برای تنظیم عرض و چند ویژگی ساخته شده اند.

از کلاس های بکگراند استفاده کنید تا ظاهر میله های پیشرفت فردی را تغییر دهید

از برچسب برای نوار وضعیت خود با کد زیر و مثالش میتوانید استفاده کنید .progress-bar.

25%

در صورت نیاز چندین میله پیشرفت را در یک مؤلفه پیشرفت قرار دهید.

با تنظیم کدheight مقدار آن .progress-bar,تغییر میکند و .progress به صورت اتوماتیک تغییر سایز میدهد

با افزودن کلاس رو به رو.progress-bar-animated به .progress-bar مانند نمونه زیر میتوانید به نتیجه دلخواه خود برسید

با افزودن.progress-bar-striped به هر .progress-barمی توانید نتیجه زیر را مشاهده کنید

با افزودن کلاس رو به رو.animated-progessبا .progress-barبه این نتیجه میرسید