قالب:شريط تقدم
المظهر
0.0% مكتمل (تقدير)
استعمال
[عدل المصدر]{{شريط تقدم
| <!-- قيمة عددية -->
| نص = <!-- نص للعرض -->
| عرض =<!-- عرض الشريط -->
| ارتفاع =<!-- ارتفاع الشريط -->
| لون1 =<!-- لون التقدم -->
| لون2 =<!-- لون الخلفية -->
| مركز =<!-- نعم : لتوسيط النص -->
| ترويسة =<!-- عم : لعرض النص -->
| حاشية =<!-- حاشية -->
| CSS =<!-- CSS -->
}}
مثال
[عدل المصدر]مثال افتراضي قياسي
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|75
|نص=مكتمل
|مجموع=100
|decimal=1
|لون1=#00af32
|ارتفاع=10
|مركز=نعم
|ترويسة=نعم
|لون2=#eaecf0
|عرض=80%
}}</div> | 75.0% مكتمل |
بدون ترويسة
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|75
|ترويسة=لا
|مجموع=100
}}</div> |
غير مركزي (محاذاة افتراضية)
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|50
|مركز=لا
|مجموع=100
}}</div> | 50.0% مكتمل (تقدير) |
قيمة تتجاوز 100% (شريط أخضر كامل)
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|150
|مجموع=100
}}</div> | 150.0% مكتمل (تقدير) |
شريط تقدم بنسبة 0% (شريط رمادي كامل)
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|0
|مجموع=100
}}</div> | 0.0% مكتمل (تقدير) |
دقة عشرية مختلفة (2 منازل عشرية)
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|33.3333
|مجموع=99.9999
|decimal=2
}}</div> | 33.33% مكتمل (تقدير) |
تغيير ألوان الشريط
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|60
|لون2=#cccccc
|مجموع=100
|لون1=#ff6600
}}</div> | 60.0% مكتمل (تقدير) |
تغيير العرض والارتفاع
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|40
|ارتفاع=20
|مجموع=100
|عرض=100%
}}</div> | 40.0% مكتمل (تقدير) |
تغيير النص الظاهر في الترويسة
[عدل المصدر]| توصيف | يظهر |
|---|---|
<div class='template-markup-wrapper'>{{شريط تقدم
|85
|نص=الإنجاز الحالي
|مجموع=100
}}</div> | 85.0% الإنجاز الحالي |