<dy-progress>
A progress indicator component that shows the completion status of a task with optional estimated time.
Example
Loading...
<dy-progress
.value=${20}
.estimate=${3000}
.label=${"Loading..."}></dy-progress>
API
DuoyunProgressElement
Extends DuoyunMeterElement
DuoyunProgressElement Instance Properties
| Property(Attribute) | Reactive | Type | Description |
|---|---|---|---|
estimate(estimate) |
Yes | number |
ms |
calculateColor |
() => string |
DuoyunMeterElement
Shadow DOM; Extends GemElement
DuoyunMeterElement Instance Properties
| Property(Attribute) | Reactive | Type | Description |
|---|---|---|---|
value(value) |
Yes | number |
range: 0-100 |
max(max) |
Yes | number |
|
min(min) |
Yes | number |
|
color(color) |
Yes | StringList<'positive' | 'informative' | 'negative' | 'notice'> |
|
layout(layout) |
Yes | 'stack' | 'flat' |
|
label(label) |
Yes | string |
|
valueLabel(value-label) |
Yes | StringList<'percentage'> |
|
calculateColor |
Yes | () => string |
DuoyunMeterElement Other
| Type | Value |
|---|---|
| Slot | label, value-label |