import type { AriaLabelingProps } from '../../core/types/a11y-props.js'; import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js'; import type { DataTestId } from '../../core/types/data-props.js'; import type { DOMProps } from '../../core/types/dom.js'; import type { MaskingProps } from '../../core/types/masking-props.js'; import type { StylingProps } from '../../core/types/styling-props.js'; import type { WithChildren } from '../../core/types/with-children.js'; /** * Accepted properties for ProgressBar. * @public */ export interface ProgressBarProps extends WithChildren, DOMProps, AriaLabelingProps, StylingProps, DataTestId, MaskingProps, BehaviorTrackingProps { /** * The current value. * @defaultValue 'indeterminate' */ value?: number | 'indeterminate'; /** * The minimum allowed value. * @defaultValue 0 */ min?: number; /** * The maximum allowed value. * @defaultValue 100 */ max?: number; /** * Controls the density of the rendering. * @defaultValue 'default' */ density?: 'default' | 'condensed'; /** * Controls the color of the progress. * @defaultValue 'primary' or a container's color. */ color?: 'neutral' | 'primary' | 'success' | 'warning' | 'critical'; /** * The aria-valuetext attribute defines the human-readable text alternative of aria-valuenow for a range widget. * By default, the value will be given as a percentage. If the value is not a percentage, you should provide aria-valuetext. * https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-valuetext * @defaultValue the value of the progress as percentage. */ 'aria-valuetext'?: string; } /** * Use the `ProgressBar` component to show your users that a system operation such as downloading, uploading, or processing is progressing. * The `ProgressBar` can be used to visualize determinate or indeterminate progress. * @public */ export declare const ProgressBar: ((props: ProgressBarProps & import("react").RefAttributes) => import("react").ReactElement | null) & { Value: (props: import("./ProgressBarValue.js").ProgressBarValueProps & import("react").RefAttributes) => import("react").ReactElement | null; Label: (props: import("./ProgressBarLabel.js").ProgressBarLabelProps & import("react").RefAttributes) => import("react").ReactElement | null; Icon: (props: import("./ProgressBarIcon.js").ProgressBarIconProps & import("react").RefAttributes) => import("react").ReactElement | null; };