JQuery进度条插件显示NaN％

Question

所以我正在开展一个我希望显示视频上传进度的项目。我正在使用这个插件：JQuery ring progress bar。

当我提交表单时，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>

感谢帮助人员！