18 lines
458 B
Plaintext
18 lines
458 B
Plaintext
component Progress {
|
|
props {
|
|
size = "default"
|
|
color = "primary"
|
|
label = "Progress"
|
|
value = 50
|
|
max = 100
|
|
showValue = true
|
|
class = ""
|
|
}
|
|
view {
|
|
<div class="wire-next wire-next--color-{color} wire-next--size-{size} wire-next--progress {class}">
|
|
<div class="wire-next__row"><span>{label}</span>{#if showValue}<strong>{value}%</strong>{/if}</div>
|
|
<progress value="{value}" max="{max}"></progress>
|
|
</div>
|
|
}
|
|
}
|