import { CSSResultGroup, LitElement, TemplateResult } from 'lit';
import { ElementLogger } from '../../base/logger';
export declare const SEEKABLE_PROGRESS_BAR_ELEMENT_TAG_NAME = "vds-seekable-progress-bar";
/**
* Displays a progress bar from 0 to media duration with the amount of media that is seekable.
* Seekable media is parts of the media that been downloaded and seeking to it won't result
* in any delay or any additional loading.
*
* @tagname vds-seekable-progress-bar
* @slot Used to pass content into the progress element.
* @csspart root - The progress bar element (`
`).
* @cssprop --vds-seekable-progress-bar-bg - The background color of the amount that is seekable (defaults to `#616161`).
* @cssprop --vds-seekable-progress-bar-height - The height of the progress bar (defaults to `--vds-slider-track-height`).
* @example
* ```html
*
* ```
*/
export declare class SeekableProgressBarElement extends LitElement {
static get styles(): CSSResultGroup;
static get parts(): string[];
protected readonly _logger: ElementLogger;
/**
* ♿ **ARIA:** The `aria-label` for the progress bar.
*/
label: string;
/**
* ♿ **ARIA:** Human-readable text alternative for the seekable amount. If you pass
* in a string containing `{seekableAmount}` or `{duration}` templates they'll be replaced with
* the spoken form such as `1 hour 30 minutes`.
*/
valueText: string;
protected _mediaSeekableAmount: number;
protected _mediaDuration: number;
protected render(): TemplateResult;
protected readonly _progressBarRef: import("lit-html/directives/ref").Ref
;
/**
* Returns the underlying `