Circular Progress 클래스

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

챌린지

중급

circular-progress 클래스를 대상으로 지정하세요:

Flex를 사용하여 요소를 중앙에 배치합니다 (align-items 및 justify-content를 center로 설정).
너비와 높이를 200 픽셀로 설정합니다.
테두리 반경(border radius)을 50%로 설정합니다.

직접 해보기

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

원형 프로그레스 바 | 프론트엔드 프로젝트의 모든 레슨

1소개

4JavaScript

2HTML

3CSS

Circular Progress 클래스 프로젝트 레슨

Circular Progress ::before

Progress Value 클래스

Text 클래스