1. 技术点:没有什么难点,主要是利用animation的keyframes,其中规定初始状态0%,和终止状态100%,以及动画持续的时间,中间过程就会按照animation-function来过渡

2. 需要注意的点:中间的进度条,除了可以用首先想到的两个元素的background来实现,还可以用一个元素+box-shadow(inset)来实现,自己动手调一下吧~

3. 同理效果,比如转圈圈(用border),时钟指针等,具体可见如此cute的进度条们,但是圆圈的进度条(从0-100%),用CSS很难实现,但可借助于SVG