HTML 마무리

Coddy의 원형 프로그레스 바 | 프론트엔드 프로젝트 코스 레슨 — 11개 중 3번째.

여기서 HTML 부분을 완성하겠습니다.

클래스 시각화:

챌린지

쉬움

container 클래스 내부에:

클래스 이름이 circular-progress인 div를 하나 생성하세요.
circular-progress 내부에 클래스 이름이 progress-value 인 span 태그를 생성하고 0% 텍스트를 추가하세요.
circular-progress 아래에 클래스 이름이 text인 span 태그를 생성하고 원하는 텍스트를 추가하세요.

직접 해보기

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