网页顶部加载进度条仿智能手机上浏览网页一样，手机上的浏览器进度条一般都在屏幕顶部，一条极细的小线条，当页面加载的时候，它就不断的加载显示进度。这样做的目的与页面中加载提示及软件应用中的进度提示的目的都是一致的为了优化用户体验。 首先介绍一下css3的实现方法： <style type="text/css"> body{ margin:0; padding:0;} @-moz-keyframes progressing { 0% {width:0px;} 100% {width:100%;} } @-we…