Class ZetaProgressCircle

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

ZetaCancelUploadEvent:zeta-cancel-upload - Fired when the cancel button is clicked.

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>
- ZetaProgressCircle

Index

Other

constructor rounded size type styles progress

rendering

Other

constructor

new ZetaProgressCircle(): ZetaProgressCircle
Returns ZetaProgressCircle
Inherited from Contourable(LitElement).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:504

rounded

rounded: boolean

size

size: 24 | 36 | 40 | 48 | 64 = 64

Size.

type

type: "default" | "upload" = "default"

The type of the progress circle.

`Static`styles

styles: CSSResultGroup[] = ...

progress

get progress(): number
Progress (0-100).

Returns number
- Defined in src/components/progress-indicators/progress-circle/progress-circle.ts:24
set progress(value: number): void
Parameters
- value: number
Returns void
- Defined in src/components/progress-indicators/progress-circle/progress-circle.ts:31

rendering

`Protected`render

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>
Overrides Contourable(LitElement).render
- Defined in src/components/progress-indicators/progress-circle/progress-circle.ts:94