نوار های پیشرفته

نوارهای پیشرفت پیش فرض

<div class="progress">
<div class="progress-bar progress-bar-danger " role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:50%;"> <span class="sr-only">50% تکمیل</span></div>
</div>
60% تکمیل

نوارهای پیشرفت پیش فرض

<div class="progress progress-lg">
<div class="progress-bar progress-bar-success" role="progressbar" style="width: 75%; role="progressbar""> 75% </div>
</div>
75%

راه راه

<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100" style="width:85%;"> <span class="sr-only">85% تکمیل</span></div>
</div>
85% تکمیل (success)

میله های رنگی

می توانید رنگ های بوت استرپ را به نوارهای پیشرفت بدهید

20% تکمیل
30% تکمیل
40% تکمیل
50% تکمیل
60% تکمیل
80% تکمیل

میله های تمام اندازه

هر چیزی را که می خواهید اندازه بگیرید فقط کلاس اضافه کنید progress sm, md, lg

20% تکمیل
30% تکمیل
60% تکمیل
80% تکمیل

میله های متحرک

شما همچنین می توانید از نوار متحرک فقط با قرار دادن کلاس active استفاده کنید

85% تکمیل (success)
85% تکمیل (success)
85% تکمیل (success)
85% تکمیل (success)

نوارهای پیشرفت عمودی

88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل

از پایین

88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل

راه راه

88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل

نوارهای پیشرفت عمودی

88% تکمیل
88% تکمیل
88% تکمیل
88% تکمیل

نوارهای پیشرفت متحرک

60% تکمیل
60% تکمیل
60% تکمیل
60% تکمیل
60% تکمیل
60% تکمیل

نوارهای پیشرفت انباشته

میله های مهارت

Photoshop85%
85% تکمیل (success)
Dreamweaver80%
85% تکمیل (success)
Illustrator70%
85% تکمیل (success)
Corel Draw45%
85% تکمیل (success)
1401 © قالب مدیریت آمپل توسط نام خانوادگی برای شما گردآوری شده است