mirror of
https://github.com/vitodeploy/vito.git
synced 2025-04-22 03:02:20 +00:00
14 lines
544 B
PHP
14 lines
544 B
PHP
@props(["value" => 0])
|
|
|
|
<div class="relative flex h-6 overflow-hidden rounded bg-primary-200 text-xs dark:bg-primary-500 dark:bg-opacity-10">
|
|
<div
|
|
style="width: {{ $value }}%"
|
|
class="flex flex-col justify-center whitespace-nowrap bg-primary-500 text-center text-white shadow-none transition-all duration-500 ease-out"
|
|
></div>
|
|
<span
|
|
class="{{ $value >= 40 ? "text-white" : "text-black dark:text-white" }} absolute left-0 right-0 top-1 text-center font-semibold"
|
|
>
|
|
{{ $value }}%
|
|
</span>
|
|
</div>
|