<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>进度条3</title>
<style type="text/css">
.loading{width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;left: 0;z-index: 100;background-color:#fff;},
.loading.pic{width: 50px;height: 50px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;},
.loading.pic i{display:block;float:left;width:6px;height:50px;background-color: #339999;};
</style>
</head>
<body>
<div class="loading">
<div class="pic">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</div>
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>进度条3</title>
<style type="text/css">
.loading{width: 100%;height: 100%;position: fixed;top: 0;bottom: 0;left: 0;z-index: 100;background-color:#fff;},
.loading.pic{width: 50px;height: 50px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;},
.loading.pic i{display:block;float:left;width:6px;height:50px;background-color: #339999;};
</style>
</head>
<body>
<div class="loading">
<div class="pic">
<i></i>
<i></i>
<i></i>
<i></i>
<i></i>
</div>
</div>
</body>
</html>
