Circular Progress ::before

Coddyの「円形プログレスバー | フロントエンドプロジェクト」コースのレッスン 8/11。

次に、以下のCSSを記述する必要があります：

.circular-progress::before{
    /* 以下に記述してください */

}

行き詰まった場合は、ヒントを確認してください。

チャレンジ

簡単

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>
        <!-- Write HTML code here -->
        <script src="script.js"></script>
    </body>
</html>

円形プログレスバー | フロントエンドプロジェクトのすべてのレッスン

1イントロダクション

4JavaScript

2HTML

3CSS

Circular Progress ::before プロジェクトレッスン

Progress Valueクラス

テキストクラス