页面加载动画,用例见 loadProgress.html / loadProgress_demo.html
libs/loadProgress.css
新建一个loading.html
页面,页面中引入css文件
<link rel="stylesheet" type="text/css" href="libs/loadProgress.css" />
然后设置这个页面的背景色为透明
html {
background: rgba(0, 0, 0, 0);
}
在页面写入以下html,这只是其中一个加载样式,更多样式可以查看loadProgress.html
、loadProgress_demo.html
示例文件。
<ul id="spinners">
<li CLASS="active">
<div id="preloader_1">
<span></span>
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</li>
</ul>