<風(fēng)格>
正文{背景顏色：#fff}
@-webkit-keyframes 加載 {
? 0% {
# ? ? 筆劃-dashoffset: 0;
? }
}
@關(guān)鍵幀加載{
? 0% {
# ? ? 筆劃-dashoffset: 0;
? }
}
。進(jìn)步 {＃＃＃ ? 位置：相對(duì)；
? 顯示：內(nèi)聯(lián)塊；
? 填充：0;
? 文本對(duì)齊：居中；
}
.進(jìn)度>李{
? 顯示：內(nèi)聯(lián)塊；
? 位置：相對(duì)；
? 文本對(duì)齊：居中；
? 顏色：#93A2AC；
? 字體系列：Lato；
? 字體粗細(xì)：100；
? 保證金：2rem；
}
.進(jìn)度>李：在{
之前 ? 內(nèi)容：attr(數(shù)據(jù)名稱);
? 位置：絕對(duì)；
? 寬度：100%；
? 底部：-2rem;
? 字體粗細(xì)：400；
}
.進(jìn)度>李：{
之后 ? 內(nèi)容：attr(數(shù)據(jù)百分比);
? 位置：絕對(duì)；
? 寬度：100%；
? 頂部：3.7rem；
? 左：0；
? 字體大小：2rem;
? 文本對(duì)齊：居中；
}
.progress svg {
? 寬度：10rem；
? 高度：10rem；
}
.progress svg:nth-child(2) {
? 位置：絕對(duì)；
? 左：0；
? 頂部：0;
? -webkit-transform: 旋轉(zhuǎn)(-90deg);
? ? ? ? ? 變換：旋轉(zhuǎn)(-90deg);
}
.progress svg:nth-child(2) 路徑 {
? 填充：無；
? 筆劃寬度：25；
? 筆劃破折號(hào)數(shù)組：629；
? 中風(fēng)：#fff;
? 不透明度：.9；
? -webkit-animation: 加載 10s;
? ? ? ? ? 動(dòng)畫：加載 10 秒；
}
</風(fēng)格>