sh-react-progressbar

A simple Progressbar component for ReactJS component written in TypeScript

Usage no npm install needed!

<script type="module">
  import shReactProgressbar from 'https://cdn.skypack.dev/sh-react-progressbar';
</script>

README

sh-react-progressbar

A simple Progressbar component for ReactJS application written in TypeScript.

Usage

Webpack/JSPM Applications Usage (TypeScript)


import {Progressbar} from 'sh-react-progressbar'; 
import * as React from 'react'; 
import * as ReactDOM from 'react-dom'; 

const B = ReactDOM.render(<Progressbar value={10} />,
    document.getElementById('ProgressbarContainer'));

Browser Usage

    <link rel="stylesheet" src="path_to/Progressbar.min.css"></script>
    <script type="text/javascript" src="path_to/Progressbar.min.js"></script>

    <script type="text/javascript">
    var B = ReactDOM.render(React.createElement(ShReact.Progressbar,{value:10}),
        document.getElementById('ProgressbarContainer'));
    </script>

Options

  1. value: required properties which is the current value of the progressbar.
  2. min: optional the minimum value of the progressbar.
  3. max: optional the maximum value of the progressbar.
  4. formatValue: optional a callback to format the value shown on the progressbar.
  5. className: optional a class name to add to the root div element of the component.