mirror of
https://seed.radicle.dev/rad:z4V1sjrXqjvFdnCUbxPFqd5p4DtH5.git
synced 2026-11-04 03:00:32 +08:00
27 lines
443 B
Svelte
27 lines
443 B
Svelte
<script lang="ts">
|
|
import { isLoading } from "@app/lib/router";
|
|
</script>
|
|
|
|
<style>
|
|
.loading-bar {
|
|
height: 0.125rem;
|
|
background-color: var(--color-secondary);
|
|
width: 0%;
|
|
opacity: 0;
|
|
position: fixed;
|
|
z-index: 10;
|
|
transition: width 2s ease;
|
|
}
|
|
|
|
.visible {
|
|
opacity: 1;
|
|
width: 100%;
|
|
}
|
|
</style>
|
|
|
|
<div
|
|
role="progressbar"
|
|
aria-label="Page loading"
|
|
class="loading-bar"
|
|
class:visible={$isLoading} />
|