Javascript Nodejs Puppeter在Nodejs控制台中输出多条并行进度线

Javascript Nodejs Puppeter在Nodejs控制台中输出多条并行进度线,javascript,node.js,progress-bar,puppeteer,console.log,Javascript,Node.js,Progress Bar,Puppeteer,Console.log,我创建了一个简单的程序,可以在网站上自动上传文件。我正在使用木偶演员进行无头浏览登录和上传。我正在通过向dom中注入变异观察者并将其登录到控制台来监听上传栏的更改 const puppeteer = require('puppeteer'); var path = require('path'); var glob = require("glob"); async function upload(file_path, file_index) { // launch puppeteer

我创建了一个简单的程序,可以在网站上自动上传文件。我正在使用木偶演员进行无头浏览登录和上传。我正在通过向dom中注入变异观察者并将其登录到控制台来监听上传栏的更改

const puppeteer = require('puppeteer');
var path = require('path');
var glob = require("glob");

async function upload(file_path, file_index) {
    // launch puppeteer
    const browser = await puppeteer.launch({
        headless: true,
    });
    const page = await browser.newPage();

    // some code here to navigate then upload to the website
    /*****************************************************

    UPLOADING CODE HERE...
    1. UPLOAD FILE
    2. THEN LOG THE PROGRESS TO CONSOLE
    there is some code here but i will not include it here to make it short

    ******************************************************/

    // everytime a change has been log in console
    await page.on('console', async (response) => {

        //fetch the progress percentage
        var percent = await page.$eval('#progressbar', el => el.innerText);

        // log the progress
        console.log('File ' + file_index + ' Percent uploaded: ' + percent)

    });

}

// lets say there are 5 files in the server
glob("files/*.mp4", function(er, files) {

    files.forEach(function(file, video_index) {
        upload(file, video_index);
    });

});
上传工作正常,但问题是将进度输出到控制台时。我的程序一直在写换行,而不是创建平行的进度线。假设我将异步上传5个文件。程序输出的是:

我想看到的是:


我找到了一个解决方案,但我认为这不是理想的方法。请随意分享您的想法。我将把数据存储到一个数组中,然后为每一个变异输出数组。或者将其存储在缓冲区中

编辑。我在github上找到了一个解决方案