Navigation Loader

A simple-to-use navigation loading indicator. It uses navigation state to display loading (with unknown duration) with a customizable fixed loading bar at the top of the page. Currently tested with goto(...) as well as <a href="...">...</a> navigation.

Install

npm install --save-dev @wabosh/navigation-loader

Usage

Simply put it at the start of your +layout.svelte.

<!-- +layout.svelte -->
<script>
    import {NavigationLoader} from "@wabosh/navigation-loader";
</script>

<NavigationLoader animationDuration={250} color="#7fffd4" />

<slot />