loadProgress

功能描述

页面加载动画,用例见 loadProgress.html / loadProgress_demo.html

依赖的模块

  1. libs/loadProgress.css

快速使用

新建一个loading.html页面,页面中引入css文件

  1. <link rel="stylesheet" type="text/css" href="libs/loadProgress.css" />

然后设置这个页面的背景色为透明

  1. html {
  2. background: rgba(0, 0, 0, 0);
  3. }

在页面写入以下html,这只是其中一个加载样式,更多样式可以查看loadProgress.htmlloadProgress_demo.html示例文件。

  1. <ul id="spinners">
  2. <li CLASS="active">
  3. <div id="preloader_1">
  4. <span></span>
  5. <span></span>
  6. <span></span>
  7. <span></span>
  8. <span></span>
  9. </div>
  10. </li>
  11. </ul>