KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#typescript #ai-agents #developer-tools #codex #claude-code #cli #react #mcp #open-source #deepseek-harness #dsh-plugin #ai

progress-arc-component

★ 45 Open GitHub ↗

Simple progress arc for React, customizable with styled-components

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Simple progress arc for React ([demo](http://szastupov.github.io/progress-arc-component)) [![NPM version][npm-image]][npm-link] [![Build status][travis-image]][travis-link]

## Installation

$ yarn add progress-arc-component

## Usage

```javascript
import ProgressArc from 'progress-arc-component'

<ProgressArc value={63}/>
```

![ProgressArc screenshot](http://i.imgur.com/vgxgdi9.png)

### Properties

### Customization

ProgressArc generates SVG that can be tweaked with [styled-components][1]:

```javascript
import styled from 'styled-components'

const StyledProgressArc = styled(ProgressArc)`
  height: 12em;
  width: 12em;
  border: 0.3em solid black;
  border-radius: 0.5em;
  padding: 1em;
`
```

[1]: https://github.com/styled-components/styled-components
[npm-image]: https://img.shields.io/npm/v/progress-arc-component.svg?style=flat
[npm-link]: https://npmjs.org/package/progress-arc-component
[travis-image]: https://img.shields.io/travis/szastupov/progress-arc-component.svg?style=flat
[travis-link]: https://travis-ci.org/szastupov/progress-arc-component

progress-arc-component

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README