🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more
Socket
DemoInstallSign in
Socket

react-percentage-circle

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-percentage-circle

React Percentage Circle

1.1.3
latest
Source
npm
Version published
Weekly downloads
93
-1.06%
Maintainers
1
Weekly downloads
 
Created
Source

rc-progress

progress ui component for react

NPM version SPM version build status Test coverage gemnasium deps node version npm download

Screenshots

Feature

  • support ie9+,chrome,firefox,safari

Keyboard

install

rc-progress

Usage

var Line = require('rc-progress').Line;
var Circle = require('rc-progress').Circle;
var React = require('react');
React.render(<div>
    <Line percent=“10” strokeWidth="4" strokeColor=“#D3D3D3” />
    <Circle percent=“10” strokeWidth="4" strokeColor=“#D3D3D3” />
  </div>, container);

API

props

nametypedefaultdescription
strokeWidthNumber1Width of the stroke. Unit is percentage of SVG canvas size.
strokeColorString#3FC7FA Stroke color.
trailWidthNumber1Width of the trail stroke. Unit is percentage of SVG canvas size. Trail is always centered relative to actual progress path. If trailWidth are not defined, it same as strokeWidth.
trailColorString#D9D9D9 Color for lighter trail stroke underneath the actual progress path.

Development

npm install
npm start

Example

http://localhost:8000/examples/

online example: http://react-component.github.io/progress/

Test Case

http://localhost:8000/tests/runner.html?coverage

Coverage

http://localhost:8000/node_modules/rc-server/node_modules/node-jscover/lib/front-end/jscoverage.html?w=http://localhost:8000/tests/runner.html?coverage

License

rc-progress is released under the MIT license.

Keywords

react

FAQs

Package last updated on 23 May 2016

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts