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>