Components

Progress Bar(React)

Display a user's progress with a progress indicator.

Version:9.3.0 View sourceChangelogReport issue
Install:yarn add @thumbtack/thumbprint-react
Import:import { ProgressBar } from '@thumbtack/thumbprint-react';

Basic progress bar

70% complete

Props

ProgressBar

  • value

    A number between 0 and 100 that indicates the progress made.

    Type
    number
    Default
    0
  • labelAlign
    Type
    oneOf([
      'left',
      'center',
    ])
    Default
    'left'
  • shouldShowLabel
    Type
    bool
    Default
    true