Javascript JQuery进度条插件显示NaN%

所以我正在做一个项目，我想显示视频的上传进度。我正在使用这个插件：

当我提交表单时，div中的文本看起来像NaN%，仅此而已

请帮忙。我不熟悉ajax和jQuery

这是我的jQuery：

var options = {
    height: "100px",
    width: "100px",
    line_width: 2,
    color: "#3281ff",
    starting_position: 25,
    percent: 0,
    text: "percent"
};

var progress_circle = $("#progress-circle").gmpc(options);
    //console.log(progress_circle);
    //http://malsup.com/jquery/form/progress2.html
    (function() {
    $('form').ajaxForm({
        beforeSend: function() {
            var percentVal = '0%';
            console.log('test');
            progress_circle.gmpc('percent', percentVal);
        },
        uploadProgress: function(event, position, total, percentComplete) {
            var percentVal = percentComplete;

            progress_circle.gmpc('percent', percentVal);
            //progress_circle.gmpc('animate', percentVal);
        },
        success: function() {
            setTimeout(7000);
            window.location.replace("/1");
        },
    }); 
    })();

这是一个重要的div：

Upload progress:
<div id="progress-circle">

</div>

上传进度：

---

谢谢你们的帮助

在发送前的

中，尝试
var percentVal=0成功了！谢谢你一定喜欢编程错误，对吧……在你的
beforeSend
中，尝试
var percentVal=0成功了！谢谢你一定喜欢编程错误，对吧。。。