import { LitElement } from 'lit';
/**
 * Progressbar element
 * [docs](https://pyrojs.com/el/progressbar)
 *
 * ```html
 * <pyro-progressbar value="4" max="10" text="Loading..."></pyro-progressbar>
 * ```
 *
 * @tag pyro-progressbar
 *
 * @slot text - Optional content in middle
 *
 * @cssprop [--pyro-progressbar-accent-color=var(--pyro-accent-color)] - fill `color`
 * @cssprop [--pyro-progressbar-background=var(--pyro-surface-color)] - background `color`
 * @cssprop [--pyro-progressbar-text-color=var(--pyro-text-color-on-surface)] - text `color`
 * @cssprop [--pyro-progressbar-border=var(--pyro-border)] - `border`
 * @cssprop [--pyro-progressbar-border-radius=var(--pyro-border-radius)] - `border-radius`
 * @cssprop [--pyro-progressbar-height=1em] - `height`
 *
 */
export declare class PyroProgressbar extends LitElement {
    static styles: import('lit').CSSResult;
    /** Current value */
    value: number;
    /** Max value */
    max: number;
    /** Text in the middle of the progressbar bar */
    text?: string;
    'aria-label'?: string;
    isComplete: boolean;
    render(): import('lit-html').TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'pyro-progressbar': PyroProgressbar;
    }
}