ابتدئت في لغة الـ CSS منذة مدة لا بأس بها، ولضعف لغتي الأجنبية لا أجد مصادر عربية شاملة عن هذه اللغة ولذا دائماً ما أعود إلى خبراء حسوب للإستفادة من العلوم التي لديهم.
سؤالي هو:
هل نحتاج إلى جافا سكبريت لننشئ شريط التقدم أثناء تحميل الموقع؟
على سبيل المثال موقع -منشر-
https://www.manshar.com/art...(لاحظ الشريط العلوي الأحمر أثناء فتح الموقع)
التعليقات
أعتقد تلك مجرد اضافة ، أو ربما عملوها من الصفر
يمكنك عملها في 5 دقائق فقط قمت بتركيب اضافة ، اسمها Pace
حمله من هنا ، وفيه أيضا طريقة الإستخدام ، سهل وليس فيه أي تعقيد
نعم ستحتاج JavaScript لتعرف تقدم الصفحة، وإلا يمكنك القيام بشريط تقدم وهمي(لا يعتمد على تقدم الصفحة) باستخدام تحريك CSS3(CSS3 Animations) لوقت معين ويكون في أول الصفحة في أول الوسم head ويختفي بعد تحميل باقي الصفحة عبر تحميل ملف CSS آخر في آخر الصفحة -قبيل إنتهاء وسم body؛ ليقوم بإخفاء شريط التقدم بعد تحميل الصفحة، هل ستستطيع القيام بالأمر بنفسك؟؛ حاول لكي تكسب خبرة أكثر، بالنسبة لتحديد المقدار بJavaScript: اطلع على هذا الرَّد
.
ملاحظة قد لا أستطيع الرّد عليك لمدّة يومين سأذهب الآن -إن شاء الله- (عندي إمتحان فقه الغد وبعد الغد هندسة :( آسف).
جافسكربت ليست بذلك السؤ لا اعرف لماذ كثيرون يتوجسون منها , ربما عيبها هو ثقل التصفح عند استخدام عدد كبير من المكتبات و الاكواد
على كل هذا مثال للشي الذي طلبته استخدمت فيه اقل عدد من اسطر جافاسكربت
اعتقد ستحتاج للجافاسكريبت لتخبر المتصفح بإظهار التأثير وقت فتح أو تحديث الصفحة
لا اعلم إن كان يكن فعلها بالـCSS
لكن التأثير تستطيع فعله بشكل عادي بالـCSS
على سبيل المثال :
لا ، هذه كانت دورة تابعتها وكان هذا الكود المفتوح لأحد الدروس
بالإضافة لأنني قمت بتطبيق نفس الدرس لكن الكود متواجد على جهازي
لو لديك اهتمام بالدورة هذا هو الرابط :
ايضا أخي
تستطيع عمل نفس التأثير بالـ css دون أي جافاسكريبت عن طريق الـ keyframes
شاهد هذا الكود فكرة عمل تأثير مشابه للفكرة التي تريدها "شاهد كيف سنتزل القائمة من الأعلى عندما تقوم بفتح أو تحديث الصفحة"
كل ما تحتاجه هو معرفة ب AJAX و jQuery مع القليل من css
و هذا مثال مشابه لما تريد :