tweak readme

This commit is contained in:
Kevin Qi 2018-06-24 13:59:20 -07:00
parent 084dc3ca5a
commit 41d8564458

View File

@ -1,11 +1,13 @@
# React Circular Progressbar
A circular progress indicator component, built with SVG and extensively customizable. [See a live demo](http://www.kevinqi.com/react-circular-progressbar/) or [try it out on CodeSandbox](https://codesandbox.io/s/vymm4oln6y).
[![npm version](https://badge.fury.io/js/react-circular-progressbar.svg)](https://www.npmjs.com/package/react-circular-progressbar)
[![Build Status](https://travis-ci.org/iqnivek/react-circular-progressbar.svg?branch=master)](https://travis-ci.org/iqnivek/react-circular-progressbar)
[![Bundle size](https://img.shields.io/bundlephobia/min/react-circular-progressbar.svg)](https://bundlephobia.com/result?p=react-circular-progressbar)
A circular progressbar component, built with SVG and extensively customizable.
[Try it out on CodeSandbox](https://codesandbox.io/s/vymm4oln6y).
<a href="https://codesandbox.io/s/vymm4oln6y"><img height="120" src="/docs/animated-progressbar.gif?raw=true" alt="animated progressbar" /></a> <a href="https://codesandbox.io/s/vymm4oln6y"><img height="120" src="/docs/circular-progressbar-examples.png?raw=true" alt="progressbar examples" /></a>
## Installation
@ -40,7 +42,7 @@ If not, you can copy [styles.css](dist/styles.css) into your project instead, an
Now you can use the component:
```javascript
```jsx
const percentage = 66;
<CircularProgressbar