@profiscience/knockout-contrib-router-middleware-progress-bar

[![Version][npm-version-shield]][npm] [![Dependency Status][david-dm-shield]][david-dm] [![Peer Dependency Status][david-dm-peer-shield]][david-dm-peer] [![Dev Dependency Status][david-dm-dev-shield]][david-dm-dev] [![Downloads][npm-stats-shield]][npm-sta

Usage no npm install needed!

<script type="module">
  import profiscienceKnockoutContribRouterMiddlewareProgressBar from 'https://cdn.skypack.dev/@profiscience/knockout-contrib-router-middleware-progress-bar';
</script>

README

router.middleware.progressBar

Version Dependency Status Peer Dependency Status Dev Dependency Status Downloads

NOTE: This package is intended for consumption via the @profiscience/knockout-contrib metapackage

Displays a progress bar using [toprogress2][] during navigation. Accepts all toprogress2 options.

Usage

import {
  Router,
  createProgressBarMiddleware,
} from '@profiscience/knockout-contrib'

Router.use(
  createProgressBarMiddleware({
    color: '#fff',
    height: '5px',
    // ... any toprogress2 option
  })
)