import AWCElement from '../../internal/awc-element.js'; import type { CSSResultGroup } from 'lit'; /** * @summary Progress bars are used to show the status of an ongoing operation. * @documentation https://webcomponents.adeliom.io/?path=/docs/components-progress-bar--documentation * @status stable * @since 1.0 * * @slot - A label to show inside the progress indicator. * * @csspart base - The component's base wrapper. * @csspart indicator - The progress bar's indicator. * @csspart label - The progress bar's label. * * @cssproperty [--height=1rem] - The progress bar's height. * @cssproperty [--track-radius=var(--awc-border-radius-none)] - The progress bar's track border radius. * @cssproperty [--indicator-radius=var(--awc-border-radius-none)] - The progress bar's indicator border radius. * @cssproperty [--track-color=var(--awc-color-neutral-200)] - The color of the track. * @cssproperty [--indicator-color=var(--awc-color-primary-600)] - The color of the indicator. * @cssproperty [--label-color=var(--awc-color-neutral-0)] - The color of the label. * */ export default class AWCProgressBar extends AWCElement { static styles: CSSResultGroup; private readonly localize; /** The current progress as a percentage, 0 to 100. */ value: number; /** When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state. */ indeterminate: boolean; /** A custom label for assistive devices. */ label: string; render(): import("lit-html").TemplateResult<1>; }