向jquery函数添加进度条

Question

所以，我的wordpress网站有以下表格：

<form name="upload_video" method="post" enctype="multipart/form-data">  
    <input type="file" name="files[]" class="files" onchange="UploadImage(event);"/>        
    <p id="append_image">
       <div class="append_image"></div>
    </p>    
    <input type="button" class="submit_form" value="submit">
</form>

我有以下功能（部分）来显示图像：

function UploadImage(e)
{   
    formdata.append('action', 'UploadImage');
    jQuery.ajax({       
        ////
        ////omitted
        //// 
        beforeSend : function(){
            jQuery('#append_image').html('Uploading...');
        },
        success : function(data){
            jQuery('#append_image').html('');           
        }           
        }
    });
}

在此当前设置中，当选择图像时，它会显示＆＃34;正在上传...＆＃34;在id="append_image"部分。完成后，它会从上面的功能中消失。

但我想改变＆＃34;正在上传...＆＃34;进入显示百分比的进度条。有谁知道我怎么能这样做？

谢谢！