Habit Builder

مرحبا اريد مشروع بسيط يساعد المستخدم ينشئ عادة جديدة ويتابع تقدّمه اليومي. 🔹 Task 1 — إنشاء العادة المطلوب: Input لكتابة اسم العادة (مثلاً: قراءة – جيم – تعليم). Input لعدد الأيام المطلوبة لبناء العادة (مثلاً: 7 أيام). زر "Start Habit". عند الضغط: خزّن العادة في state: { name: "Reading", totalDays: 7, completedDays: 0 } 🔹 Task 2 — متابعة التقدّم المطلوب: عرض اسم العادة. إظهار: “Completed: X / Total: Y” زر “Mark Today as Done” كل ضغطة تزود completedDays 1. لو وصل لآخر يوم: اقفل الزر. 🔹 Task 3 — شريط تقدم Progress Bar المطلوب: اعمل Progress Bar بسيط باستخدام divs. يكون عرضه حسب نسبة الإنجاز: (completedDays / totalDays) * 100 لو خلّص العادة بالكامل: اعرض رسالة تهنئة استخدم لون مختلف للـ progress bar.