求vue带百分比的进度条实例

[aierda]

折腾半天还是没有弄出来，不知道问题出在哪里。
期待有这方面经验的朋友，能够提供相关的实例或资料

[「已注销」]

uploadImg() {
            let file = document.getElementById("upload").files[0];
            if (file.size > 1024000) {
                this.$message.warning("图片不可大于1M");
                return;
            }
            var formdata = new FormData();
            formdata.append("im", file);
            this.all_loading = true;
            this.axios
                .post("api/upload_img", formdata, {
                    onUploadProgress: progressEvent => {
                        var complete =
                            (((progressEvent.loaded / progressEvent.total) * 100) | 0) + "%";
                        this.progress = complete;
                        if (complete == "100%") {
                            this.all_loading = false;
                        } else {
                            this.all_loading = true;
                        }
                    }
                })
                .then(res => {
                    if (res.data.code == 1) {
                        let url;
                        if (process.env.NODE_ENV == "development") {
                            url = `http://127.0.0.1:8888/${res.data.data}`;
                        } else {
                            url = `http://118.31.108.19/${res.data.data}`;
                        }
                        this.all_loading = false;
                        var range = this.$refs.editor.quill.getSelection(true);
                        var index = range.index + range.length;
                        this.$refs.editor.quill.insertEmbed(range.index, "image", `${url}`);
                    }
                });
        }

[console.log( )]

你不用组件的吗 或者找js写的

[Hello World,]

百度“vue带百分比的进度条”就有了

[ZionHH]

axios onUploadProgress