やりたいこと
円形プログレスを極力簡単に実現する。
やりかた
ね、簡単でしょう？
See the Pen Untitled by higege-amdeker (@higege-amdeker) on CodePen.
簡単に説明
円を描画し、その背景色を conic-gradient で二色設定します。
前面に一回り小さい円を描画して輪にします。
そのまた上に span で文字を追加しています。
Register as a new user and use Qiita more conveniently
- You get articles that match your needs
- You can efficiently read back useful information
- You can use dark theme