从超级无敌水帖计划（随缘更新）继续讨论： 
看到 终 C 诏 书,我仿佛想起了我还有个类似的进度条任务未完成，那就直接干~ 
[line] 

这里核心就是使用 animation-timeline,配合 scroll() 函数即可为当前元素的动画效果提供匿名滚动进度时间轴，其中 scroll() 可指定滚动轴与滚动元素，具体可参阅  → MDN - scroll()。 
我这案例中还提供了另一函数 view(), 它是根据元素进入可视区域来进行动画的，也可指定多个参数，详见  → MDN - view() 
 [图片] 

  See the Pen 
  animation-timeline by 思無邪 (@siwuxie)
  on CodePen.