##  [عداد الدائرة](/ar/hc/documentation/learn-dxpr-builder/drag-and-drop-elements/dad-aldayrt) 

 قم بترتيب الإحصائيات وعرضها على موقع Drupal الخاص بك باستخدام أداة عداد الدائرة القوية!

 اتبع الخطوات أدناه لبدء استخدام عنصر Circle Counter في موقع الويب الخاص بك:

1. انقر على أيقونة **+**
2. انتقل إلى علامة **التبويب المحتوى**
3. حدد خيار اللون في إعدادات **المقدمة** . هذه هي الحلقة العلوية، والتي ستعرض النسبة المئوية
4. حدد لون الخلفية في إعدادات **الخلفية** . هذه هي خلفية الحلقة العلوية
5. قم بتعيين لون لملء العداد في إعدادات **التعبئة** . هذا هو داخل الدائرة
6. *اختياريًا* ، قم **بتشغيل** إعدادات **نصف الدائرة**
7. إدارة **البعد** **وعرض** الدائرة. البعد هو نصف قطر الدائرة وعرض سمك الحلقة العلوية
8. قم بتعيين وقت العداد بالنسبة المئوية في حقل **النسبة المئوية** . على سبيل المثال، 50 سيكون نصف الدائرة.
9. حدد خيارًا من إعداد **Border Style** للاختيار من بين الأنماط المتنوعة المعدة مسبقًا
10. بمجرد تحديد الإعدادات المفضلة لديك، يمكنك النقر فوق **"حفظ التغييرات"** وبذلك تكون قد انتهيت!

###  تخصيص عداد الدائرة الخاصة بك

1. انتقل إلى علامة التبويب **"محتوى الدائرة"** لمنح العداد **نصًا** **وحجم الخط** **والأيقونة**
2. املأ حقل **النص** بالصيغة المفضلة لديك. سيظهر هذا في الأعلى داخل الدائرة
3. املأ حقل **المعلومات** لإضافة معلومات إضافية للنص. سيظهر هذا أسفل النص الموجود في الدائرة
4. انتقل إلى علامة **التبويب "الأيقونة"** لتحديد أيقونة وإضافتها إلى مركز العداد
5. بمجرد تحديد الإعدادات المفضلة لديك، يمكنك النقر فوق **"حفظ التغييرات"** وبذلك تكون قد انتهيت!