一、需求
成都创新互联-专业网站定制、快速模板网站建设、高性价比商洛网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式商洛网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖商洛地区。费用合理售后完善，10余年实体公司更值得信赖。如下图
重点是要实现进度条。
二、分析
原理：动态设置
的子元素的宽度值。
1、简单的雏形
假设只有一个进度条，如下，我们只需要知道p元素的宽度，span元素的百分比，相乘即得到span的宽度，浏览器加载时动态设置span的宽度即可实现进度条的效果。