관리-도구

편집 파일: pro1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
<head>
<title>File upload status</title>
<TMPL_INCLUDE xstatus.js>
<Style>
body  {background-color: #FFFFFF; font: 12px Arial; padding: 2px;}
.data {border-collapse:collapse; background-color: #e9e9e9; width: 90%; margin-bottom: 5px;}
.data TR TD {border: 1px solid #a3a3a3; font: 12px Arial;}
.bar1 {background-color: #fcfcfc; border: 1px solid #a3a3a3; text-align: left; vertical-align: middle; height: 20px; width: 90%;}
.bar2 {background-color: #c9c9c9; width: 1%; height: 20px; text-align: left;}
.message {width: 90%; height: 70px; border: 1px solid #707070; font: 12px Arial; margin-top: 7px; text-align: left; padding-left: 10px; background-color: #f9fff9; overflow: auto;}
.myLink  {font: bold 13px Arial; color: #303030; text-decoration: none;}
.btn     {font: 12px Arial; border: 1px solid #a3a3a3; background-color: #e9e9e9;}
.bar_table {width: 80px; background-color: #707070;}
.bar_table TR TD {border: none;}
.sbar {background-color: #e9e9e9; height: 60px;}
</Style>
</head>

<BODY topmargin=0 leftmargin=0  MARGINHEIGHT=0 MARGINWIDTH=0>
<Center>Upload in progress: <TMPL_VAR percent_completed>
<div class="bar1" align=left><div class="bar2" id="upload_status"></div></div>
approx speed: <TMPL_VAR speed> KB/s
<br>

<Table cellpadding=2 cellspacing=1 class="data" id="data">
<TR>
   <TD width="1%" nowrap><b>Files uploaded:</b></TD>
   <TD align=center><TMPL_VAR files_uploaded> of <TMPL_VAR files_total></TD>
   <TD rowspan=4 style="width: 60px;padding: 0px;" align=center valign=bottom>
    <small><font id="curr_speed">0</font> Kbps</small><br>
    <table cellpadding=0 cellspacing=0 border=0 class="bar_table" id="bar_table" style="height: 70px">
    <TR align=center valign=top>
    <TMPL_LOOP bars><TD><div class="sbar" id="b<TMPL_VAR num>"><span></span></div></TD></TMPL_LOOP>
    </TR>
    </table>
   </TD>
</TR>
<TR>
   <TD><b>Position:</b></TD>
   <TD align=center><TMPL_VAR data_uploaded> / <TMPL_VAR data_total></TD>
</TR>
<TR>
   <TD><b>Time spent:</b></TD>
   <TD align=center><TMPL_VAR time_spent></TD>
</TR>
<TR>
   <TD><b>Time left:</b></TD>
   <TD align=center><TMPL_VAR time_left></TD>
</TR>
</Table>

<div class="message" id="message"></div>
<br>
<input type="button" value="Stop Upload" onclick="StopUpload();" class="btn" id="stop_btn">
<br>
<TMPL_UNLESS inline>
<a href="javascript: window.close();" class="myLink">- Close -</a>
</TMPL_UNLESS>

</BODY>
</HTML>