How to have several bar at the same time ?

[Tchoupinax]

Hello,

I would like to have 2 cliProgress at the same time, one above the other. How can I make it ? With two instance, it appears that two are merged and one is seen when just updated.

Thank you. :)

[AndiDittrich]

hi @Tchoupinax ,

this feature is currently not supported, sry!

best regards, Andi

[Tchoupinax]

Ok,
Thank you for your answer. :)

[ryparker]

Hello,

I would like to have 2 cliProgress at the same time, one above the other. How can I make it ? With two instance, it appears that two are merged and one is seen when just updated.

Thank you. :)

If you're still looking for an option for multiple progress bars, I've been using https://github.com/pitaj/multi-progress without issue. It uses CLI-Progress bars.

[AndiDittrich]

Multiprogress support has been added to v3.0.0

Example

const _progress = require('cli-progress');

const files = {
    'eta.js        ': 187,
    'generic-bar.js': 589,
    'multi-bar.js  ': 5342,
    'options.js    ': 42,
    'single-bar.js ': 2123,
    'terminal.js   ': 4123
};
const bars = [];

// create new container
const multibar = new _progress.MultiBar({
    format: ' {bar} | "{file}" | {value}/{total}',
    hideCursor: true,
    barCompleteChar: '\u2588',
    barIncompleteChar: '\u2591'

});

console.log("Downloading files..\n");

// add bars
for (const filename in files){
    const size = files[filename];

    bars.push(multibar.create(size, 0, {file: filename}));
}

const timer = setInterval(function(){

    // flag
    let downloadPending = false;

    // increment
    for (let i=0; i<bars.length;i++){
        const bar = bars[i];

        // download complete ?
        if (bar.value < bar.total){
            downloadPending = true;
            bar.increment();
        }
    }

    // stop progress bar ?
    if (downloadPending === false){
        clearInterval(timer);

        multibar.stop();
    }
}, 10);