加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

SwfUpload 进度条结构

发布时间:2020-12-15 06:33:35 所属栏目:百科 来源:网络整理
导读:link href="../css/default.css" rel="stylesheet" type="text/css" /div class="progressWrapper" id="SWFUpload_0_1" style="opacity: 1;"div class="progressContainer green"a class="progressCancel" href="#" style="visibility: visible;" /adiv clas
<link href="../css/default.css" rel="stylesheet" type="text/css" />
<div class="progressWrapper" id="SWFUpload_0_1" style="opacity: 1;">
<div class="progressContainer green">
<a class="progressCancel" href="#" style="visibility: visible;"> </a>
<div class="progressName">
[欧美][动作][洛杉矶之战][高清RMVB][1280×720][中英双字幕].RMVB
</div>
<div class="progressBarStatus">Uploading...</div>
<div style="border:1px solid">
<div class="progressBarInProgress" style="width: 50%;"></div>
</div>
</div>
</div>

进度条结构:

<div id=progresscontainer>

????? <div id="progressCancel">

?????? <div id=progressName>

??????? <div id = progressBarStatus>

??? ???? <div id = progressBarInProgress>

</div>

?

?

CSS样式:

.progressWrapper { ?width: 357px; ?overflow: hidden; }

.progressContainer { ?margin: 5px; ?padding: 4px; ?border: solid 1px #E8E8E8; ?background-color: #F7F7F7; ?overflow: hidden; }

.progressName { ?font-size: 8pt; ?font-weight: 700; ?color: #555; ?width: 323px; ?height: 14px; ?text-align: left; ?white-space: nowrap; ?overflow: hidden; } .progressBarInProgress,.progressBarComplete,.progressBarError { ?font-size: 0; ?width: 0%; ?height: 10px; ?background-color:#0C0; ?margin-top: 2px; }

.progressBarComplete { ?width: 100%; ?background-color: green; ?visibility: hidden; }

.progressBarError { ?width: 100%; ?background-color: red; ?visibility: hidden; }

.progressBarStatus { ?margin-top: 2px; ?width: 337px; ?font-size: 7pt; ?font-family: Arial; ?text-align: left; ?white-space: nowrap; }

a.progressCancel { ?font-size: 0; ?display: block; ?height: 14px; ?width: 14px; ?background-image: url(../images/cancelbutton.gif); ?background-repeat: no-repeat; ?background-position: -14px 0px; ?float: right; }

a.progressCancel:hover { ?background-position: 0px 0px; }

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读