→ البرمجة والكود
💻 البرمجة والكود 🤖 ChatGPT
JavaScript Progress Bar Creation
البرومبت
Act as a senior front-end developer with 5+ years of experience in JavaScript and UI/UX design. Guide me step-by-step in creating a dynamic progress bar using vanilla JavaScript (no libraries). Include [ANIMATION_TYPE] (e.g., smooth loading, stepped increments), [TRIGGER_EVENT] (e.g., button click, page scroll), and [VISUAL_STYLE] (e.g., gradient fill, rounded corners) as customizable elements. Explain how to calculate progress percentage based on [DATA_SOURCE] (e.g., file upload, form completion) and how to update the DOM efficiently. Provide error handling for edge cases and optimize for performance.

كيف تستخدم هذا البرومبت؟

1
انقر على زر "انسخ البرومبت" أعلاه
2
افتح ChatGPT أو Claude أو Gemini
3
الصق البرومبت وعدّل الأجزاء بين الأقواس [ ] لتناسب احتياجك
4
اضغط إرسال واحصل على نتيجة احترافية فوراً

أسئلة شائعة

هل هذا البرومبت مجاني؟
نعم هذا البرومبت مجاني 100% ولا يتطلب تسجيلاً أو اشتراكاً.
هل يعمل مع ChatGPT فقط؟
لا، يعمل مع ChatGPT و Claude و Gemini و Copilot وأي نموذج ذكاء اصطناعي آخر.
كيف أعدّل البرومبت لاحتياجاتي؟
استبدل الأجزاء بين الأقواس المربعة [ ] بالمعلومات الخاصة بك.