联系表格7上的文件上传进度条 - Wordpress

Question

我试图在联系表格7上有一个上传文件的进度条。

根据here和here的一些说明，我可以让进度条正常工作，文件上传并发送得很好。

但是，不幸的是，它似乎制止了表单的一些重要功能，例如错误消息，成功消息，必填字段所需的消息等。

我猜是因为这两个帖子中的代码已过时＆＃34;从那时起，该插件已经更新了几次。

我希望找到一种方法让（工作）进度条和表单照常工作。

提前致谢。

编辑：这是我添加的代码。

1）$html .= '<div id="progressbox"><div id="progressbar"></div ><div id="statustxt">0%</div ></div><div id="output2"></div>';

之后

$html .= '</form>';

在/ wp-content / plugins / contact-form-7 / includes / contact-form.php

2）在footer.php中，在</body>标记之后，我已添加

<script src="http://malsup.github.com/jquery.form.js"></script>

3）用以下脚本替换位于/ wp-content / plugins / contact-form-7 / includes / js /文件夹中的script.js：https://ideone.com/t15lID

4）添加了一些基本的CSS如下

/* progress bar */

#progressbox {
border: 1px solid #ccc;
padding: 1px;
position:relative;
width:400px;
border-radius: 3px;
margin: 10px;
display:none;
text-align:left;
}
#progressbar {
height:40px;
border-radius: 3px;
background-color: #20bbfb;
width:1%;
}
#statustxt {
top:3px;
left:50%;
position:absolute;
display:inline-block;
color: #000000;
}

#output2 {
display: none;
width: 400px;
height: 20px;
}