Class ZetaProgressBar

Progress indicators express an unspecified wait time or display the length of a process.

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-22&node-type=canvas&m=dev

Storybook

https://zeta-ds.web.app/web/storybook/index.html?path=/docs/progress--docs

Hierarchy

  • ContourableInterface<this> & LitElement<this>
    • ZetaProgressBar

Other

constructor buffering? indeterminate? label? rounded size value styles

rendering

render

Other

constructor

  • new ZetaProgressBar(): ZetaProgressBar

  • Returns ZetaProgressBar

Optionalbuffering

buffering?: boolean

Displays the buffering dots at the end of the progress indicator.

Setting this will pause the animation if 'indeterminate' is set to true.

Optionalindeterminate

indeterminate?: boolean

Displays the indeterminate progress indicator. If set to true, any argument for 'value' will be ignored.

Optionallabel

label?: string

The label for the progress indicator.

rounded

rounded: boolean

size

size: "medium" | "thin" = "medium"

The size of the progress indicator. Can either be 'medium' or 'thin'.

value

value: number = 0

The % complete of the process indicator.

Staticstyles

styles: CSSResultGroup[] = ...

rendering

Protectedrender

  • render(): TemplateResult<1>

  • Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

    Returns TemplateResult<1>

Settings

Member Visibility

On This Page

Other
rendering