12 lines
528 B
Plaintext
12 lines
528 B
Plaintext
component ProgressBar {
|
|
props {
|
|
value = 0
|
|
max = 100
|
|
label = "Progress"
|
|
showValue = true
|
|
}
|
|
view {
|
|
<div><div class="mb-2 flex justify-between text-sm"><span>{label}</span><span data-show="showValue">{value}%</span></div><div class="h-2 overflow-hidden rounded-full bg-slate-200 dark:bg-slate-800" role="progressbar" aria-valuenow="{value}" aria-valuemin="0" aria-valuemax="{max}"><div class="h-full rounded-full bg-violet-600 transition-all duration-500" style="width: {value}%"></div></div></div>
|
|
}
|
|
}
|