Circle Animated Progress

Circle Animated Progress

لحجز إستضافة من Hostinger عن طريقي إستخدم هذا الرابط وإستعمل كود الخصم التالي Elzero ويمكنك مشاهدة شرح التعامل مع الإستضافة من هنا

مقدمة عن التحدي

عمل Circle Progress متحرك بواسطة ال SVG

المطلوب

  • عمل نفس الالوان
  • أستعمل أي نسب تريدها

التحديات

  • يجب رسم الشكل كاملا بال SVG
  • يجب تلوين كل شيء في الشكل بال SVG
  • يجب تنسيق النص من ناحية اللون والمكان بال SVG فقط
  • كل ما يخص ال Animation يتم عمله بواسطة CSS فقط

الشكل المطلوب عمله

إعلانات جوجل

إعلانات جوجل