progress-bar-webpack-plugin

Installation

npm i -D progress-bar-webpack-plugin

Include the following in your Webpack config.

var ProgressBarPlugin = require('progress-bar-webpack-plugin');

...

plugins: [
  new ProgressBarPlugin()
]

Accepts almost all of the same options as node-progress.

format the format of the progress bar
width the displayed width of the progress bar defaulting to total
complete completion character defaulting to "="
incomplete incomplete character defaulting to " "
renderThrottle minimum time between updates in milliseconds defaulting to 16
clear option to clear the bar on completion defaulting to true
callback optional function to call when the progress bar completes
stream the output stream defaulting to stderr
summary option to show summary of time taken defaulting to true
summaryContent optional custom summary message if summary option is false
customSummary optional function to display a custom summary (passed build time)

The format option accepts the following tokens:

The default format uses the :bar and :percent tokens.

Use chalk to sprinkle on a few colors.

To include the time elapsed and prevent the progress bar from being cleared on build completion:

new ProgressBarPlugin({
  format: '  build [:bar] ' + chalk.green.bold(':percent') + ' (:elapsed seconds)',
  clear: false
})