@kor-ui/kor/components/progress-bar/kor-progress-bar.d.ts

Web components library containing lightweight, ready-to-use and framework-agnostic User Interface elements.

import { LitElement } from 'lit';
import '../icon';
import '../text';
/**
 * @prop {String} label - If set, defines the text label shown above the bar.
 * @prop {String} info - If set, defines the info text shown below of the bar.
 * @prop {'success'|'warning'|'error'|undefined} status - If set, shows a status icon besides the information text. Possible values are `success`, `warning` and `error`.
 * @prop {String} color - If set, defines the color of the bar.
 * @prop {'s'|'m'|'l'} size - (Only if radial is true) Defines the size of the bar. Possible values are `s`, `m` and `l`.
 * @prop {Number} value - Defines the value of the bar. Must be a number from 0 to 100.
 * @prop {Boolean} radial - If set to true, the bar will become a circle instead of a linear bar.
 * @prop {Boolean} showProgress - If set to true, the value (in %) will be visible.
 */
export declare class korProgressBar extends LitElement {
    label: string | undefined;
    info: string | undefined;
    status: 'success' | 'warning' | 'error' | undefined;
    color: string | undefined;
    size: 's' | 'm' | 'l';
    value: number | undefined;
    radial: boolean | undefined;
    showProgress: boolean | undefined;
    static get styles(): import("lit").CSSResultGroup[];
    render(): import("lit-html").TemplateResult<1>;
    attributeChangedCallback(name: string, oldval: string, newval: string): void;
    getStatusIcon(): string | undefined;
    getSize(): number;
}