# ProgressProps

Source: /tuil/docs/reference/components/feedback/progress-props
Locale: en

ProgressProps component contract.



{/* Generated by tooling/docs/generate-reference.ts. */}

## Type [#type]

```ts
export interface ProgressProps
  extends SlottedComponentProps<{ root: TextProps }, ProgressState> {
  readonly id?: string;
  readonly testId?: string;
  readonly label?: string;
  readonly value: number;
  readonly max?: number;
  readonly width?: number;
  readonly showValue?: boolean;
  readonly disabled?: boolean;
  readonly readOnly?: boolean;
}
```

## Members [#members]

| Member      | Type                                                                                                                           | Required | Description                                                                                                                                                              | Related types                                                                                                                      |
| ----------- | ------------------------------------------------------------------------------------------------------------------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- |
| `id`        | `string \| undefined`                                                                                                          | No       | The `id` member uses the `string \| undefined` contract.                                                                                                                 | —                                                                                                                                  |
| `testId`    | `string \| undefined`                                                                                                          | No       | The `testId` member uses the `string \| undefined` contract.                                                                                                             | —                                                                                                                                  |
| `label`     | `string \| undefined`                                                                                                          | No       | The `label` member uses the `string \| undefined` contract.                                                                                                              | —                                                                                                                                  |
| `value`     | `number`                                                                                                                       | Yes      | The `value` member uses the `number` contract.                                                                                                                           | —                                                                                                                                  |
| `max`       | `number \| undefined`                                                                                                          | No       | The `max` member uses the `number \| undefined` contract.                                                                                                                | —                                                                                                                                  |
| `width`     | `number \| undefined`                                                                                                          | No       | The `width` member uses the `number \| undefined` contract.                                                                                                              | —                                                                                                                                  |
| `showValue` | `boolean \| undefined`                                                                                                         | No       | The `showValue` member uses the `boolean \| undefined` contract.                                                                                                         | —                                                                                                                                  |
| `disabled`  | `boolean \| undefined`                                                                                                         | No       | The `disabled` member uses the `boolean \| undefined` contract.                                                                                                          | —                                                                                                                                  |
| `readOnly`  | `boolean \| undefined`                                                                                                         | No       | The `readOnly` member uses the `boolean \| undefined` contract.                                                                                                          | —                                                                                                                                  |
| `slots`     | `Partial<SlotComponents<&#123; root: import("../../../registry/data-display/text").TextProps; &#125;>> \| undefined`           | No       | The `slots` member uses the `Partial<SlotComponents<&#123; root: import("../../../registry/data-display/text").TextProps; &#125;>> \| undefined` contract.               | [`SlotComponents`](/tuil/docs/reference/packages/theme/api/slot-components), [`TextProps`](/tuil/docs/reference/packages/ink/api/text-props) |
| `slotProps` | `Partial<SlotProps<&#123; root: import("../../../registry/data-display/text").TextProps; &#125;, ProgressState>> \| undefined` | No       | The `slotProps` member uses the `Partial<SlotProps<&#123; root: import("../../../registry/data-display/text").TextProps; &#125;, ProgressState>> \| undefined` contract. | [`SlotProps`](/tuil/docs/reference/packages/theme/api/slot-props), [`TextProps`](/tuil/docs/reference/packages/ink/api/text-props)           |
| `unstyled`  | `boolean \| undefined`                                                                                                         | No       | The `unstyled` member uses the `boolean \| undefined` contract.                                                                                                          | —                                                                                                                                  |
| `variant`   | `string \| undefined`                                                                                                          | No       | The `variant` member uses the `string \| undefined` contract.                                                                                                            | —                                                                                                                                  |
| `size`      | `"sm" \| "md" \| "lg" \| undefined`                                                                                            | No       | The `size` member uses the `"sm" \| "md" \| "lg" \| undefined` contract.                                                                                                 | —                                                                                                                                  |

## Source [#source]

[View the secondary source reference](https://github.com/mwillbanks/tuil/blob/main/registry/feedback/progress.tsx)