کامپوننتهای پیشرفت با دو عنصر HTML، مقداری CSS برای تنظیم عرض، و چند ویژگی ساخته میشوند.
ما از .progress بهعنوان قاب برای مشخص کردن حداکثر مقدار نوار پیشرفت استفاده میکنیم. .progress-bar نیاز به استایل داخلی، کلاس کمکی، یا CSS سفارشی برای تعیین عرض دارد.
اضافه کردن کلاس .progress-bar-striped برای ایجاد نوار پیشرفت راهراه
برای ایجاد نوار پیشرفت متحرک از کلاس .progress-bar-animated استفاده کنید.
برای ایجاد چند نوار پیشرفت با کمک کلاس progress.
برای تعیین تعداد مراحل نوار پیشرفت از کلاس .position-wrapper استفاده کنید.
برای ایجاد نوار پیشرفت راهراه و متحرک از کلاسهای .progress-bar-animated و .progress-bar-striped استفاده کنید.
برای تعیین اندازه کوچک نوار پیشرفت از کلاس .sm-progress-bar استفاده کنید.
برای ایجاد نوار پیشرفت بزرگ از کلاس .lg-progress-bar استفاده کنید.
ارتفاع نوار پیشرفت را میتوانید با تنظیم ارتفاع به صورت دلخواه تغییر دهید.