/** * External dependencies */ import clsx from 'clsx'; /** * Internal dependencies */ import './style.scss'; export type ProgressBarProps = { readonly current?: number; readonly total?: number; readonly label: string; }; export const ProgressBar = ( { current = 0, total = 1, label, }: ProgressBarProps ): JSX.Element => (
{ !! label && (
{ label }
) }
); // ======= // HELPERS // ======= function perc( i: number, n: number ) { n = n < 1 ? 1 : n; i = i < 0 ? 0 : i; i = i > n ? n : i; const q = i / n; return Math.round( q * 100 ); }