【构想】 CSS3 + JS CSS3控制进度 利用CSS3中的 @keyframes JS实现百分比 根据CSS来调整,时间 【页面代码】 CSS代码 body { background - color : #f5f7f9; color : #6c6c6c; font : 300 1em / 1.5em ; } . container { left : 50 %; position : absolute ; top : 40 %; transform : translate (- 50 %, - 50 %); - webkit - transform : translate (- 50 %, - 50 %); } /* PROGRESS */ . progress { background - color : #e5e9eb; height : 0.25em ; position : relative ; width : 24em ; } #progress-bar { animation - duration : 3s ; animation - name : width ; background - image : linear - gradient ( to right , #4cd964,