css实现滚动条进度效果

如何知道用户当前滚动页面距离并通知进度条？试想：如果页面滚动和进度条是一个整体呢？用线性渐变实现：.body{position:relative;填充：50px；行高：30px；宽度：600px；高度：1200px；背景图像：线性渐变（到右上角，#ffcc0050%，#eee50%）；背景尺寸：100%计算（100%-100vh+5px）；背景重复：不重复；z-索引：1；}.body::after{内容：“”；位置：固定；顶部：5px；左：0；底部：0；右：0；背景：白色；z-指数：-1；