@asl-19/react-loading-progress-indicator

React loading progress indicator component

Usage no npm install needed!

<script type="module">
  import asl19ReactLoadingProgressIndicator from 'https://cdn.skypack.dev/@asl-19/react-loading-progress-indicator';
</script>

README

@asl-19/react-loading-progress-indicator

React loading progress indicator component. Developed for ASL19 projects.

Inspired by NProgress and react-nprogress.

API

See docs/react-loading-progress-indicator.md for API documentation.

How to install

npm install @asl-19/react-loading-progress-indicator

Compatibility

This package is developed and used with Node.js 16. The code should be forward-compatible, but use with other Node.js versions is untested and unsupported.

Limitations

  • It isn’t possible to manually set the progress. The progress increases at a set rate until almost full (or isLoading is false).

  • It isn’t possible to adjust the rate at which the progress increases (e.g. slow down the loading progress as it approaches 1). The progress increases at a set rate.

  • The loading indicator accepts custom styles via the getStyle prop, but the styling possibilities are limited by the fact that the loading indicator is a single <div> element.

  • There are no tests!