اجزای پیشرفت با دو عنصر HTML ، برخی CSS برای تنظیم عرض و چند ویژگی ساخته شده اند.
برای تغییر شکل ظاهری میله های پیشرفت فردی ، از کلاسهای ابزار پس زمینه استفاده کنید.
برچسب ها را به نوارهای پیشرفت خود اضافه کنید با قرار دادن متن در .progress-bar.
در صورت نیاز ، چندین نوار پیشرفت را در یک جزء پیشرفت قرار دهید.
ما فقط مقدار height را روی .progress-bar تنظیم می کنیم ، بنابراین اگر این مقدار را تغییر دهید < code class = "highlighter-rouge">.progress به طور خودکار متناسب با آن تغییر اندازه می دهد.
شیب راه راه همچنین می تواند متحرک باشد. اضافه کنید.progress-bar-animated to .progress-bar را برای متحرک سازی نوارها از راست به چپ از طریق انیمیشن های CSS3.
اضافه کنید.progress-bar-stripedبه هر .progress-bar برای اعمال یک نوار از طریق شیب CSS بر روی رنگ پس زمینه نوار پیشرفت.