[css] 第892天 使用纯CSS实现一个滚动进度条

[haizhilin2013]

第892天 使用纯CSS实现一个滚动进度条

#2271

3+1官网

我也要出题

[smile921]

/* 设置蓝色进度条，进度条宽度8px ，假死目标元素是element */
.target-element {
background-image: linear-gradient(to right top, #9bb0f5 55%, #eee 45%);
background-repeat: no-repeat;
}
element::after {
content: "";
position: fixed;
top: 8px;
left: 0;
right: 0;
bottom: 0;
background: #fbf4f4;
z-index: -1;
}