Loading
Linear Progress

Linear Progress

Indicates determinate and indeterminate loading status

30

Anatomy

import { LinearProgress } from "@lualtek/react-components";
 
export default () => {
  return <LinearProgress />;
};

API Reference

export type LinearProgressProps =
  ProgressHTMLAttributes<HTMLProgressElement> & {
    /**
     * Set the current progress of the progress bar.
     * This value should be between 0 and 'max'. The percentage is
     * automatically computed.
     */
    value?: number;
 
    /**
     * Set the max value of the progress bar. This determines the
     * computed percentage.
     * @default 100
     */
    max?: number;
 
    /**
     * Set the dimension of the progress bar.
     * @default 'regular'
     */
    dimension?: "regular" | "big";
 
    /**
     * Show or hide the progress value.
     */
    showProgress?: boolean;
  };