### Develop React Progress Component

Source: https://github.com/react-component/progress/blob/master/README.md

Commands to set up and run the development environment for the `@rc-component/progress` component, including installing dependencies and starting the development server.

```bash
npm install
npm start
```

--------------------------------

### Install React Progress Component

Source: https://github.com/react-component/progress/blob/master/README.md

Instructions for installing the `@rc-component/progress` package using npm, saving it as a dependency in your project.

```bash
npm install --save @rc-component/progress
```

--------------------------------

### Basic Usage of @rc-component/progress Components

Source: https://github.com/react-component/progress/blob/master/README.md

Demonstrates how to import and use the `Line` and `Circle` components from `@rc-component/progress` to render basic progress bars in a React application. It shows setting initial percentage, stroke width, and color.

```javascript
import { Line, Circle } from '@rc-component/progress';

export default () => (
  <>
     <Line percent={10} strokeWidth={4} strokeColor="#D3D3D3" />
     <Circle percent={10} strokeWidth={4} strokeColor="#D3D3D3" /> 
  </>
);
```

--------------------------------

### React Progress Component Props Reference

Source: https://github.com/react-component/progress/blob/master/README.md

Defines the configurable properties (props) for the `@rc-component/progress` React component, including their types, default values, and descriptions.

```APIDOC
strokeWidth (Number, default: 1): Width of the stroke. Unit is percentage of SVG canvas size.
strokeColor (String, default: #2db7f5): Stroke color.
railWidth (Number, default: 1): Width of the rail stroke. Unit is percentage of SVG canvas size. Rail is always centered relative to actual progress path. If railWidth is not defined, it is the same as strokeWidth.
railColor (String, default: #D9D9D9): Color for lighter rail stroke underneath the actual progress path.
strokeLinecap (String, default: 'round'): The shape to be used at the end of the progress bar: can be `butt`, `square` or `round`.
prefixCls (String, default: rc-progress): prefix className for component
className (String, default: ): customized className
style (Object, default: ): style object will be added to svg element
percent (Number | Number[], default: 0): the percent of the progress
gapDegree (Number, default: 0): the gap degree of half circle, 0 - 360
gapPosition (String, default: top): the gap position: can be `top`, `bottom`, `left`, or `right`.
loading (Boolean, default: false): If it is true the indeterminate progress will be enabled.
```

=== COMPLETE CONTENT === This response contains all available snippets from this library. No additional content exists. Do not make further requests.