jQuery Progress Bar for File Upload

Question

I am facing a very weird issue.

Thing is, I made a file upload form with progress bar indication to work. I used this script: Malsup jQuery Form

It worked fine. In my localhost, the progress indication was in light green color (Chrome & Firefox), and then I uploaded these files to my server. Now here comes the problem.

Usually, I never use such direct source for linking the scripts, I copy the script, put it in my js directory and work so that even in future if the uploader deletes it, my site functionality won't stop. So, I took a saved that js file and uploaded here: A copy of the JS file in my site . But the script stops working, no progress is shown while uploading. (I have a strange feeling may be there are some API or some other things in that JS file connected to the uploader's github account or something). I want to know why this happens and what to do when such things happen.

Another problem is, after uploading it to my server, the progress bar color changed to blue by itself (may be because of bootstrap, my strange feeling), but when I used inline styling and put the color as black, it still came blue.

So what I want is, how to get the script work with the one which is there on my server and how to change the upload progress bar color from blue to black.

Here is the link to my site: File Upload With Progress Bar (Please do not upload files larger than 3 MB, images, zip, rar, and office files alone supported)

Thank You

Answer 1

尝试使用9Lessons发布的脚本，它是一个非常简单的教程+实现，因此您可以根据自己的选择进行配置，而无需依赖第三方脚本。