<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>上传进度条</title>
<script type="text/javascript" src="<%=path%>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/progressBar.js"></script>
<style type="text/css">
body {
font-size: 11px;
}
#progress {
left: 400px;
top: 200px;
position: absolute;
width: 320px;
height: 50px;
border: 1px solid black;
display: none;
}
#progressBar {
border: 1px solid black;
width: 240px;
height: 15px;
margin-left: 20px;
margin-top: 15px;
}
#uploaded {
height: 10px;
width: 1px;
background-color: #4DF011;
}
#title {
height: 15px;
background-color: #B511F0;
pading: -10px;
}
#close {
width: 10px;
height: 10px;
right: 1px;
top: 0px;
position: absolute;
display: none;
cursor: pointer;
}
</style>
</head>
<body>
<iframe id='target_upload' name='target_upload' src=''
style='display: none'></iframe>
<form action="./upload" id="uploadForm" enctype="multipart/form-data"
method="post" target="target_upload">
<input type="file" name="upload">
<input type="button" id="subButton" value="上传">
</form>
<div id="progress">
<div id="title" align="center">
<span id="text">上传进度</span>
<div id="close">
X
</div>
</div>
<div id="progressBar">
<div id="uploaded"></div>
</div>
<div style="font-size:9px;" align="center" id="info"></div>
</div>
</body>
</html>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>上传进度条</title>
<script type="text/javascript" src="<%=path%>/js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="<%=path%>/js/progressBar.js"></script>
<style type="text/css">
body {
font-size: 11px;
}
#progress {
left: 400px;
top: 200px;
position: absolute;
width: 320px;
height: 50px;
border: 1px solid black;
display: none;
}
#progressBar {
border: 1px solid black;
width: 240px;
height: 15px;
margin-left: 20px;
margin-top: 15px;
}
#uploaded {
height: 10px;
width: 1px;
background-color: #4DF011;
}
#title {
height: 15px;
background-color: #B511F0;
pading: -10px;
}
#close {
width: 10px;
height: 10px;
right: 1px;
top: 0px;
position: absolute;
display: none;
cursor: pointer;
}
</style>
</head>
<body>
<iframe id='target_upload' name='target_upload' src=''
style='display: none'></iframe>
<form action="./upload" id="uploadForm" enctype="multipart/form-data"
method="post" target="target_upload">
<input type="file" name="upload">
<input type="button" id="subButton" value="上传">
</form>
<div id="progress">
<div id="title" align="center">
<span id="text">上传进度</span>
<div id="close">
X
</div>
</div>
<div id="progressBar">
<div id="uploaded"></div>
</div>
<div style="font-size:9px;" align="center" id="info"></div>
</div>
</body>
</html>