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

gradient-progress-circle-bar

Package Overview
Dependencies
Maintainers
0
Versions
6
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

gradient-progress-circle-bar - npm Package Compare versions

Comparing version

to
1.0.3

2

package.json
{
"name": "gradient-progress-circle-bar",
"version": "1.0.2",
"version": "1.0.3",
"description": "A customizable progress circle bar component for React",

@@ -5,0 +5,0 @@ "main": "dist/index.js",

@@ -15,19 +15,23 @@ # GradientProgressCircleBar

```bash
import ProgressCircleBar from "gradient-progress-circle-bar";
```
## Usage
```bash
<ProgressCircleBar
value={75}
remainingColor="lightgray"
size={150}
strokeWidth={15}
progressColors={["#ff0000", "#00ff00", "#0000ff"]}
innerColor="#f0f0f0"
clockwise={false}
label="75%"
fontSize={20}
fontColor="blue"
fontWeight="bold"
value={75}
remainingColor="lightgray"
size={150}
strokeWidth={15}
progressColors={["#ff0000", "#00ff00", "#0000ff"]}
innerColor="#f0f0f0"
clockwise={false}
label="75%"
fontSize={20}
fontColor="blue"
fontWeight="bold"
/>
```

@@ -59,1 +63,5 @@ ## Props

• fontWeight (100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | "normal" | "bold" | "bolder" | "lighter", optional): The font weight of the label text. Default is "normal".
```
```