@codereview/progress-bar

Progress bar on scroll the page

Usage no npm install needed!

<script type="module">
  import codereviewProgressBar from 'https://cdn.skypack.dev/@codereview/progress-bar';
</script>

README

@codereview/progress-bar

Progress bar on scroll the page

NPM JavaScript Style Guide

demo

Demo

Install

npm install --save @codereview/progress-bar

Or

yarn add --dev @codereview/progress-bar

Usage

import * as React from "react";

import ScrollProgress from "@codereview/progress-bar";

const props = {
  rtl: "left",
  color: "red",
  width: "50%",
  height: "1em"
};

class Example extends React.Component {
  render() {
    return <ScrollProgress {...props} />;
  }
}

Props

  • Note: All Props are optional
Name Type default description
rtl string right right to left
color string #000 showing color
width string 100% width of scroll bar
height string 0.3em height of scroll bar

License

MIT © musti-91