js简单上传进度条

时间:2021-12-17 07:26:47

效果如下:

aaarticlea/png;base64,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na9BPuPmmqrEp6fPPfTON8Uvf1L88ieFu5pr931V9fIXm1/73P4zmIUG8Y/GEnE8q/tS38oUgx17j0tX+91TDqp2WBunxyohn4XRdbAlMxbWnLA52cH69AcxvmRV7di3vSY6Omvf0aM2Xps9cyU6X39cmJ8vHDxypMcqIb4pIX++2As6FauEMUl0ZQipJohPKa+vn286q6KTKgEAAAAAAHADcvHixWeeeebhhx9ubW397LPPDh48+PDDDz/55JOffvrpZ599dujQoYcffviZZ565eNGkL7z3efuBY2deeb+t/rlv6p/75vv/uygpPrL7b9+LkyZ6fAHiUqZLly6Jm55cvHix71Xi09PnNr99cvPbJ5872vbc0ban/nFadOXvPyt//EM7T6JYJUwOrFk4wzgfoasLPLB9u/xg+WQHC3qoEsa6kXW86+sZz+59dob1WCB/JT2/KalK2P4MelElJOxbwWGlSthawfFUfYEYLF5/XEhOnv/441uSk5O3PP54vrF3zM8vP3ik+y3bmpfBCg4AAAAAAIBBS2NjY11dXXNz8+bNm2fPnr106dJHHnlk7dq1S5cunT179ubNm1955ZW6urrGxkb5s55+67vGj37cuvdbsUH844tzT7/13XNvf/f9/1187u3v1jV88eBL3xw4dmbr3m8VhpZ6REdHx9mzZ9va2tra2s6cOdP3KvHc0TYxSdTu++qehuOFT3y88vefrfz9Zw++8E87nm3/jAP5dgwmVUJEWmdxDVVCmhyRdfDovhnR0TXb91muFjF95V1VYt/2GmMWOVGzcIb4YmxUCStTMGq27zOrErYqhmyFRcFxY5WwcwWHHYHguPWuYNkwjBtMMFcCAAAAAADghuOhhx564IEHPvzww/Pnz6empr755pvvv//+X//61z/+8Y+pqannz5//8MMPH3jggYceekj+rK17v2386EcxSaxr+GJdwxdPv/Xdlz9c/OTkha17vxUfEQ+wNe7Vq1cvX7584cKFs2fPnj59urW19duvvvr3o9tPHD/e9yqx/o3PC3c1F+5qlpZs1D3bXPds8+UrV+3f89Li4t/WxAErVWLH3uP7tj8gzVkQq4SNzSCUqoRxr83o6Ois7cbKYG2/TPNXJY5YWPXAwaMnThw9uHfvs5YTPcyqhPRd8XH7q4T4IQj58+2sEp0m6zJ6jAMme0xYP+KV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" alt="" />

很简单,只要引入css和js即可:注:JQuery是1.8以上的

<script type="text/javascript" src="/courseware-tool/resources/js/bootstrap.min.js"></script>

<link type="text/css" rel="stylesheet" href="/courseware-tool/resources/css/bootstrap.min.css">

在本jsp最下面加入div代码:

<div class="modal fade" id="progress" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="progress progress-striped active">
<div class="progress-bar" style="width: 100%">
<span></span>
</div>
</div>
</div>
</div>

JQuery代码如下:

$(function(){
$("#uploadForm").find("input[type='submit']").click(function(){
$("#progress").modal({ backdrop:'static', keyboard:false, show:true});
});
});

上述三点放在同一上传jsp即可。

隐藏命令是:$('#progress').modal('toggle');

其中css代码和JQuery代码在此处

还有一种样式

js简单上传进度条

代码如下:

<div class="modal fade" id="progress">
<div class="modal-dialog" style="margin-top:50%">
<div class="modal-content" style="height:120px;">
<div style="height:20px;" style="margin-top:50%">
<h3 style="font-size:1.2vw;text-align:center;">上传中...</h3>
</div>
<div style="height:100px;">
<div class="progress progress-striped active" >
<div class="progress-bar progress-bar-success" role="progressbar"
aria-valuenow="60" aria-valuemin="0" aria-valuemax="100"
style="width: 100%;">
</div>
</div>
</div>
</div>
</div>
</div>