@zebra-fed/zeta-web
    Preparing search index...

    Class ZetaProgressBar

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

    --progress-bar-color The color of the progress bar.

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

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

    Hierarchy

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

    Other

    constructor buffering? indeterminate? label? rounded size value styles

    rendering

    render

    Other

    • Returns ZetaProgressBar

    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.

    indeterminate?: boolean

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

    label?: string

    The label for the progress indicator.

    rounded: boolean
    size: "medium" | "thin" = "medium"

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

    value: number = 0

    The % complete of the process indicator.

    styles: CSSResultGroup[] = ...

    rendering

    • 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