code: function getWebpackStatusStyle(status) {
    // mobile devices don't deal well with position: fixed, fallback to absolute if it looks like touch device
    const position = window.navigator.maxTouchPoints > 0 ? `absolute`: `fixed`;
    return {
      backgroundColor: `${status.color}`,
      height: `2px`,
      position,
      top: `0px`,
      width: `${status.progress}vw`,
      zIndex: 2147483647, // max z-index :)
    };
  }
docs: @typedef {object} WebpackStatus
  @prop {string} event - name of event e.g `ok`, `invalid` `warnings` e.t.c
  @prop {string} color - css color from webpackStatusColors
  @prop {number} progress - progress percentage if event is `progress` else 100
  @prop {string} message - a progress message e.g `compiling`, `emitting` e.t.c
  
  @typedef {{[prop: string]: any}} WebpackStatusStyle
  
  @param {WebpackStatus} status
  @returns {WebpackStatusStyle} - a styles property bag