اجزای پیشرفته با دو عنصر HTML ساخته شده اند، برخی از CSS ها برای تعیین عرض و چند ویژگی.

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

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

با قرار دادن متن در داخل، برچسب ها را به میله پیشرفت خود اضافه کنید .progress-bar.

25%
50%
75%
100%

نوار پیشرفت پیشرفته با تفاوت. زمینه

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

نوار پیشرفت برچسب با تفاوت. زمینه

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

10%
25%
50%
75%
100%

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

اگر شما نیاز دارید، شامل میله پیشرفت های متعدد در یک مولفه پیشرفت است.

20%
35%
40%
15%
25%
30%
20%
20%
50%
15%
25%
30%

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

Add .progress-bar-striped to any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color

10%
25%
50%
75%
100%

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

The striped gradient can also be animated. Add .progress-bar-animated to .progress-bar to animate the stripes right to left via CSS3 animations.

10%
25%
50%
75%
100%

عرض نوار پیشرفت های کلاس

Bootstrap provides a handful of utilities for setting width.

10%
25%
50%
75%
100%
نتایج جستجو
هدفون 1

ابزارک

$300 400 تومان

حراج

هدفون 1

ابزارک

$300 400 تومان

جدید

هدفون 1

ابزارک

$300 400 تومان

جدید

هدفون 1

ابزارک

$300 400 تومان

جدید