Components

Progress Bar(React)

Display a user's progress with a progress indicator.

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

This component is moving out of Thumbprint

This component will soon be moved out of Thumbprint and into the website codebase. No action is required of you and you may continue using it. The Design Systems team will own the migration.

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