html 的加载图标

css  loading：

 .loading {

  position: fixed;

  top: 40%;

  width:3rem;

  left: 0;

  right: 0;

  z-index: 9999;

  margin: 0 auto;

  font-size: ;

//overflow: hidden;

  background: rgb(200,200,200);

  border-radius: 10% ;

display: none;

}

.loading img {

  width: 60%;

  display: block;

  margin: 0 auto;

  padding-top: 7px;

  height: 60%;

}

.loading .loadingtext{

    padding-top: 4px;

    padding-bottom: 5px;

    width:3rem;

    text-align: center;

    margin:  0 auto;

} 

html

<div  class="loading"><img src="staticResourse/img/loading.gif"/><div class="loadingtext">正在加载</div></div>