vue+element-ui中上传文件使用Progress自定义实时更新进度条

        handleAvatarSuccess(res, file) {
            //console.log(213);
            // this.myData= file;
            this.$refs.upimg.clearFiles(); //上传成功之后清除历史记录
            //this.handleInitTableData();  //初始化表格数据
        },

        /*uploadVideoProcess(event, file, fileList){
            console.log(file.percentage.toFixed(0));
        },*/

        // 图片上传
        httpRequestLogo(file) {
            if('' === this.categoryprice) {
                return this.$message.error('请选择图片分类')
            }
            let formdata = new FormData()
            formdata.append('file',file.file)
            formdata.append('name',file.file.name)
            formdata.append('categoryId', this.categoryprice)

            this.loading=true;

            const config = {
                onUploadProgress: progressEvent => {
                    // progressEvent.loaded:已上传文件大小
                    // progressEvent.total:被上传文件的总大小
                    let progressPercent = Number((progressEvent.loaded / progressEvent.total * 100).toFixed(2))

                    if(progressPercent>99) this.loading=false;
                    this.progressPercent=progressPercent;
                    //console.log(progressPercent);
                }
            }

            this.$http.post('/image/upload', formdata,config).then(({ data: res }) => {
                console.log(res)
                if(1 !== res.code) {
                    return this.$message.error(res.msg)
                }
                this.$message.success('上传成功')
                this.handleAvatarSuccess()
                this.getDataList()
            })
            
        },