圆形进度 ::before

Coddy 圆形进度条 | 前端项目课程的第 8 课，共 11 课。

现在我们要为以下内容编写 CSS：

.circular-progress::before{
    /*Write below*/

}

如果你遇到困难，可以查看提示。

挑战

简单

将 content 设置为 “”
将 position 设置为 absolute
将 height 和 width 设置为 190 像素。
将 border radius 设置为 50%。
将 background color 设置为与类 circular-progress. 相似的颜色。

亲手试试

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- 在这里编写 HTML 代码 -->
        <script src="script.js"></script>
    </body>
</html>

圆形进度条 | 前端项目中的所有课

1简介

4JavaScript

2HTML

3CSS

圆形进度 ::before 项目课

自己练习： Web 在线编辑器