fanghuisheng
/
ThingJS-securityHtml


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
							<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Loader #1</title>
        <link rel="stylesheet" type="text/css" href='/uploads/wechat/163607/file/广西东盟项目/css/style-1.css' />
		<!--[if IE]>
		<script src="js/html5.js"></script>
		<![endif]-->
		<style>
            
 
a{
    background:#13A3A5;
    padding:5px;
    margin:10px;
    display:block;
    font-weight:100;
    cursor:pointer;
    font-size:1.5em;
    float:left;
    text-decoration:none;
    font-size:18px;
    color:white;
}
</style>
<style>
    .processcontainer{  
        position: fixed;
        bottom: 3rem;
        right: 0;
        left: 0;
        width: 500px;
        border:1px solid #3486da;
        height: 10px;
        margin: 0 auto;
        padding: 4px;
        
    }
    #back {
        background:url('/uploads/wechat/163607/file/广西东盟项目/Image/优.gif');
    }
    #processbar{  
        background:#3053af;  
        // float:left; 
        height:100%;  
        text-align:center;  
        line-height: 90%;
    }
</style>
	</head>
<body>
    <div id="back" style="position:absolute; width: 100%; height: 100%; z-index:2021;"></div>
    <div class="processcontainer" style="z-index: 2021;">  
        <div id="processbar" style="width:0%;"></div> 
    </div> 
 <!-- <a href="loader-1.html">loader 1</a>
        <a href="loader-2.html">loader 2</a>
        <a href="loader-3.html">loader 3</a>
        <a href="loader-4.html">loader 4</a>
        <a href="loader-5.html">loader 5</a>
        <a href="loader-6.html">loader 6</a>
        <a href="loader-7.html">loader 7</a>
        <a href="loader-8.html">loader 8</a>
        <a href="loader-9.html">loader 9</a>
        <a href="loader-10.html">loader 10</a> -->


	<!-- <div class="loader">
		<div class="text">Loading...</div>
		<div class="horizontal">
		  <div class="circlesup">
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
		  </div>
		  <div class="circlesdwn">
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
		  </div>
		</div>
		<div class="vertical">
		  <div class="circlesup">
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
		  </div>
		  <div class="circlesdwn">
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
				<div class="circle"></div>
		  </div>
		</div>
	</div> -->


</body>
<script>
    function setProcess() {
        var processbar = document.getElementById("processbar");
        processbar.style.width = parseInt(processbar.style.width) + 4 + "%";
        // processbar.innerHTML = processbar.style.width;  
        if (processbar.style.width == "100%") {
            window.clearInterval(bartimer);
        }
    }
    var bartimer = window.setInterval(function () { setProcess(); }, 100);
    window.onload = function () {
        bartimer;
    }
</script>
</html>