Progress Bar

Installing dependencies72%
About this piece

Progress Bar

Monospace install line with a segmented progress meter and percentage.

Usage

The import and the props worth knowing about, in one place.

import { Terminal5 } from "@/components/beste/piece/terminal5";

<Terminal5
  label="Installing dependencies"
  percent={72}
  segments={12}
  bordered={false}
/>

More Terminal pieces

View all Terminal
Compiling modules
Bundling assets
Optimizing output
Publishing build
Installing packages
$npx beste-ui@latest init
➜beste-uigit:(main)✗
renders the label
fires onClick
respects disabled state
2 passed1 failed
$npm install beste-ui