Newton's Poleless Magnet

    react-progressbar-circle
    TypeScript icon, indicating that this package has built-in type declarations

    1.0.6 • Public • Published

    react-progressbar-circle

    An React component for styling proggressbar.

    Install

    npm install react-progressbar-circle
    

    How to use

    import ProgressBar from 'react-progressbar-circle';
    import * as React from 'react';
     
    class Progress extends React.Component<any,any>{
     
      constructor(props){
        super(props);
      }
     
      render(){
        return(
          <div>
            <ProgressBar 
              sqSize={100}
              strokeWidth={10}
              percentage={90}
              color={'#ffff'}
            >
            </ProgressBar>
          </div>
        );
      }
    }

    Options

    Prop description default value
    sqSize Size of the progressbar. 100
    strokeWidth Width of the arc. 10
    percentage To sgow the completedpercentage. 80
    color Color of the progressbar arc. #fffff

    And that's it.

    License

    MIT

    Install

    npm i react-progressbar-circle

    DownloadsWeekly Downloads

    8

    Version

    1.0.6

    License

    MIT

    Unpacked Size

    6.21 kB

    Total Files

    5

    Last publish

    Collaborators

    • harish.balagoni