import { Cre8Element } from '../cre8-element';
import '../button/button';
import '../text-passage/text-passage';
import '../progress-meter/progress-meter';
/**
 * The percent bar visually indicates a user's current progress and has a few features: a basic display bar with
 * a percentage, an actionable icon that allows a user to revisit a prior step and an actionable link that
 * allows a user save their progress before exiting.
 */
export declare class Cre8PercentBar extends Cre8Element {
    static styles: import("lit").CSSResult[];
    value: number;
    max: number;
    disableActionLeft?: boolean;
    private _handleClick;
    private fractionAsPercent;
    private isFirstStep;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'cre8-percent-bar': Cre8PercentBar;
    }
}
export default Cre8PercentBar;
//# sourceMappingURL=percent-bar.d.ts.map