Progress bar during SvelteKit navigations.

Click any link in the sidebar: the bar at the top of the screen creeps while SvelteKit loads the next page and completes when it lands. It respects the notch on installed apps.

Usage

+layout.svelte
<script lang="ts">
	import TopLoadingBar from "@orochibraru/ui/blocks/top-loading-bar";

	const { children } = $props();
</script>

<TopLoadingBar />
{@render children()}