jQuery upload progress bar code
jQuery upload progress bar code
<script language="javascript">
function processerbar(time){
document.getElementById('probar').style.display="block";
$("#line").each(function(i,item){
var a=parseInt($(item).attr("w"));
$(item).animate({
width: a+"%"
},time);
});
var si = window.setInterval(
function(){
a=$("#line").width();
b=(a/200*100).toFixed(0);
document.getElementById('percent').innerHTML=b+"%";
document.getElementById('percent').style.left=a-12+"px";
document.getElementById('msg').innerHTML="上传中";
if(document.getElementById('percent').innerHTML=="100%") {
clearInterval(si);
document.getElementById('msg').innerHTML=" 成功";
}
},70);
};
</script>
简单的jQuery上传进度条代码是一款绿色简洁的点击上传进度条动画代码，没有用到背景图，代码简单易懂。
All resources on this site are contributed by netizens or reprinted by major download sites. Please check the integrity of the software yourself! All resources on this site are for learning reference only. Please do not use them for commercial purposes. Otherwise, you will be responsible for all consequences! If there is any infringement, please contact us to delete it. Contact information: admin@php.cn
Related Article
jQuery+formdata creates upload progress effects (with step code)
26 Apr 2018
This time I will bring you jQuery+formdata to create upload progress effects (with step codes). What are the precautions for jQuery+formdata to create upload progress effects? Here is a practical case, let’s take a look.
jQuery implements file upload with progress bar (code attached)
23 Apr 2018
This time I bring you jQuery to implement file upload with progress bar (with code). What are the precautions for jQuery to implement file upload with progress bar? Here is a practical case, let's take a look.
jQuery implements file upload progress bar special effects_jquery
16 May 2016
File upload special effects with progress bar. Each file has a progress bar and upload details. The effect is very good, I recommend it to everyone.
jquery drag file upload loading add progress bar
10 May 2018
This time I will bring you jquery dragging file upload and loading to add a progress bar. What are the precautions for jquery dragging file upload and loading to add a progress bar? The following is a practical case, let's take a look.
16 May 2016
This article mainly introduces jQuery to implement a simple file upload progress bar effect. When uploading a file, the upload progress bar is displayed and the upload progress is displayed in the form of a percentage. Interested friends can refer to it.
19 Dec 2017
jQuery File Upload is a Jquery image upload component that supports multi-file upload, cancellation, deletion, thumbnail preview before upload, list display of image size, upload progress bar display, and server-side support for various dynamic language development. This article mainly introduces the effect of jquery-file-upload file upload with progress bar. The code is divided into html part, css part and js part. It is very good and has reference value. Friends who need it can refer to it. I hope it can help everyone.
16 May 2016
This article mainly introduces relevant information about the problems encountered by jQuery+formdata in implementing upload progress effects. Friends in need can refer to it.
jquery-file-upload file upload with progress bar effect example sharing
16 Jan 2018
This article mainly introduces the effect of jquery-file-upload file upload with progress bar. The code is divided into html part, css part and js part. It is very good and has reference value. Friends who need it can refer to it. I hope it can help everyone.
jquery+HTML5+Ajax implements file upload function with progress bar
23 Apr 2018
This time I will bring you jquery+HTML5+Ajax to implement the file upload function with a progress bar. What are the precautions for jquery+HTML5+Ajax to implement the file upload function with a progress bar? Here is a practical case, let’s take a look.
Hot Tools
jQuery2019 Valentine's Day Confession Fireworks Animation Special Effects
A very popular jQuery Valentine's Day confession fireworks animation special effect on Douyin, suitable for programmers and technical geeks to express their love to the girl they love. No matter you choose to be willing or not, you have to agree in the end.
layui responsive animated login interface template
layui responsive animated login interface template
520 Valentine's Day confession web animation special effects
jQuery Valentine's Day Confession Animation, 520 Confession Background Animation
Cool system login page
Cool system login page
HTML5 tape music player-CASSETTE PLAYER
HTML5 tape music player-CASSETTE PLAYER