weui/src/example/loading/loading.html

A UI library by WeChat official design team, includes the most useful widgets/modules in mobile web applications.

<div class="page">
    <div class="page__hd">
        <h1 class="page__title">Loading</h1>
        <p class="page__desc">加载中</p>
    </div>
    <div class="page__bd">
      <div class="loading_demo">
        <i role="img" aria-label="加载中" class="weui-loading"></i>
        <span role="img" aria-label="加载中" class="weui-primary-loading">
          <span class="weui-primary-loading__dot"></span>
        </span>
        <span role="img" aria-label="加载中" class="weui-primary-loading weui-primary-loading_brand">
          <span class="weui-primary-loading__dot"></span>
        </span>
        <span role="img" aria-label="加载中" class="weui-primary-loading weui-primary-loading_transparent">
          <span class="weui-primary-loading__dot"></span>
        </span>
      </div>
    </div>
</div>