إنهاء HTML

الدرس 3 من 11 في دورة شريط تقدم دائري | مشروع واجهة أمامية على Coddy.

هنا سنكمل جزء HTML الخاص بنا.

تصور الفئات:

التحدي

سهل

داخل الفئة container:

أنشئ div واحدة باسم الفئة circular-progress
داخل circular-progress، أنشئ وسم span باسم الفئة progress-value و أضف النص 0%
أسفل circular-progress، أنشئ وسم span باسم الفئة text و أضف نصاً من اختيارك.

جرّب بنفسك

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>