Progress bar, but fails inside Ink

[sroussey]

Hi! I created a progress bar in unicode function, but it causes all sorts of weird problems when inside .

Anyone know why or how to fix?

Code is below:

/**
 * createBar by Steven Roussey
 *
 * Features:
 * - Unicode-based progress bar generation
 * - Customizable bar length and progress indication
 * - Color-coded output using chalk
 *
 * Used to create visual feedback for long-running tasks in the CLI interface,
 * with smooth progress transitions and clear visual indicators.
 */
export function createBar(progress: number, length: number): string {
  let distance = progress * length;
  let bar = "";
  // Add main portion
  bar += "\u2588".repeat(Math.floor(distance));
  // Add intermediate portion
  const c = Math.round((distance % 1) * 7) + 1;
  switch (c) {
    case 1:
      bar += "\u258F";
      break;
    case 2:
      bar += "\u258E";
      break;
    case 3:
      bar += "\u258D";
      break;
    case 4:
      bar += "\u258C";
      break;
    case 5:
      bar += "\u258B";
      break;
    case 6:
      bar += "\u258A";
      break;
    case 7:
      bar += "\u2589";
      break;
    case 8:
      bar += "\u2588";
      break;
    default:
      bar += c;
  }

  // Extend empty bar
  bar += "\u258F".repeat(length > bar.length ? length - bar.length : 0);

  return chalk.rgb(70, 70, 240)("\u2595" + chalk.bgRgb(20, 20, 70)(bar) + "\u258F");
}