import { default as React } from 'react';
export interface ProgressBarProps {
    /** Progress value (0-100) */
    value: number;
    /** Maximum value (default: 100) */
    max?: number;
    /** Color variant */
    variant?: 'primary' | 'success' | 'warning' | 'danger' | 'purple' | 'gray';
    /** Size variant */
    size?: 'sm' | 'md' | 'lg';
    /** Show percentage label */
    showLabel?: boolean;
    /** Label position */
    labelPosition?: 'inside' | 'outside' | 'none';
    /** Custom label text (overrides percentage) */
    label?: string;
    /** Additional className for the container */
    className?: string;
    /** Additional className for the bar */
    barClassName?: string;
    /** Animated transition */
    animated?: boolean;
    /** Striped pattern */
    striped?: boolean;
}
/**
 * ProgressBar Component
 *
 * A visual progress indicator showing completion percentage.
 * Commonly used for loading states, budget tracking, or task completion.
 *
 * @example
 * ```tsx
 * <ProgressBar value={65} variant="primary" showLabel />
 * <ProgressBar value={78} variant="success" size="lg" />
 * ```
 *
 * @example
 * ```tsx
 * // With custom label
 * <ProgressBar
 *   value={12450}
 *   max={20000}
 *   label="$12,450"
 *   variant="primary"
 *   labelPosition="outside"
 * />
 * ```
 */
export declare const ProgressBar: React.FC<ProgressBarProps>;
//# sourceMappingURL=progress-bar.d.ts.map