Newer
Older
alarm / WebRoot / common / layout / progressBar.jsp
zhout on 2 Mar 2022 1 KB first commit
<%@ page language="java" pageEncoding="UTF-8"%>
<%@include file="/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<style>
		*{
		margin:0;
		padding:0;
		}
		body{font-size:12px;}h1{font-size:15px;}
		.wrap{
			font-size: 12px;
			margin: 40px auto;
			width: 400px;
		}
		/* 绝对定位+z-index */
		.progressbar_3{
			background-color:#eee;
			color:#222;
			height:30px;
			width:200px;
			border:1px solid #bbb;
			text-align:center;
			position:relative;
		}
		.progressbar_3 .bar{
			background-color:#6CAF00;
			height:30px;
			width:0;
			position:absolute;
			left:0;
			top:0;
			z-index:10;
		}
		.progressbar_3 .text{
			height:30px;
			position:absolute;
			left:0;
			top:0;
			width:100%;
			line-height:30px;
			z-index:100;
		}
		</style>		
	</head>
	<body style="text-align: center;">		
		<div style="margin-top:25px">
			<div><br/><br/><br/><br/><br/></div>
			<div id = "progressBar" class="progressbar_3">
				<div id="prog" class="text">正在加载中……</div>
				<div class="bar" style="width:50%;"></div>
			</div>
		</div>		
	</body>
</html>