أداة تتبع تقدم القراءة

ميزات أداة تتبع التقدم في القراءة للصفحات الطويلة

أضف مؤشرًا لتقدم التمرير إلى المقالات، والوثائق، والأدلة، والصفحات المقصودة. اختر المحتوى الذي تريد تتبعه، واعرض النسبة المئوية أو الوقت المتبقي، واضبط الموضع، وخصّص نمط عنصر الواجهة ليتناسب مع موقعك الإلكتروني دون الحاجة إلى كتابة أي تعليمات برمجية.

Reading Progress Widget Features for Long-Form Pages Hero Bg Image

اختر مؤشر التقدم الذي يناسب صفحتك

اعرض تقدم القراءة كشريط علوي أو سفلي، أو دائرة عائمة، أو خطوات مقسّمة. تتبّع الصفحة بأكملها، أو منطقة المقالة، أو محدد CSS مخصصًا، بحيث يتابع عنصر الواجهة المحتوى الذي يحتاج الزوار إلى إكمال قراءته.

تشمل ضوابط التقدم ما يلي:

Barدائرةالخطواتهدف مخصص
Create Your Widget
Choose the Progress Indicator That Fits Your Page

عرض النسبة المئوية، والتسميات، والوقت المتبقي

امنح الزوار مؤشرًا واضحًا لتقدم القراءة من خلال تسمية مخصصة، وعرض نسبة المحتوى المقروء، ووقت متبقٍ مُقدّر تلقائيًا. استخدم العنصر النائب {{percent}} للتحكم في كيفية ظهور التقدم ضمن التسمية.

تشمل عناصر التحكم في المحتوى ما يلي:

ملصق مخصصالنسبة المئوية التي تمت قراءتهاالوقت المتبقيعنصر نائب لـ {{percent}}
تحرير التسمية
Show Percentage, Labels, and Time Remaining

اجعل المؤشر يتناسب مع أسلوب موقعك الإلكتروني

خصّص ألوان التقدم، والمسار، والتسمية، والنسبة المئوية، والوقت المتبقي. اختر تعبئة بلون ثابت أو بتدرج لوني، واضبط الارتفاع والزوايا المستديرة، وأضف ظلًا، واستخدم CSS مخصصًا ضمن نطاق العنصر لإجراء تنسيقات متقدمة.

تتضمن عناصر التحكم في التنسيق:

لون موحد أو متدرجلون المسارألوان الملصقاتكود CSS مخصص
نسّق أداة العرض الخاصة بك
Match the Indicator to Your Website Style

التحكم في موضع العناصر وظهور الأجهزة

ثبّت المؤشر عند الحافة العلوية أو السفلية، أو ضع دائرة في الزاوية، واضبط الإزاحة عند استخدام الرؤوس الثابتة، وحدّد اتجاه التقدم، واختر ما إذا كان عنصر الواجهة سيظهر على أجهزة الكمبيوتر المكتبية، أو الأجهزة المحمولة، أو كليهما.

Layout controls include:

Top or bottomزوايا دائريةإزاحة الحافةالكمبيوتر المكتبي/الجوال
تحديد موضع الإعداد
Control Placement and Device Visibility