Comments (3)
If I'm understanding you correctly, this is what you're looking for? https://codesandbox.io/s/23w8j4mk30
It's a little awkward, but we don't strictly need to add new functionality to achieve this - can simply convert from seconds to percentages instead and write wrapper components like ChangingProgressbar
and CountdownProgressbar
to abstract out the details.
Going to close this, but let me know if this doesn't address your need. Thanks!
from react-circular-progressbar.
Thanks, nice approach I didn't think like this.
PS. I want to archive this: https://codesandbox.io/s/p7621n2zlj but is a small change in the _.rand
function.
from react-circular-progressbar.
FYI - this is now much easier to manage in v2.0.0 with props.minValue
and props.maxValue
. Can just set maxValue=5.
from react-circular-progressbar.
Related Issues (20)
- Cannot change dominant-baseline HOT 1
- Is a Half Circle or Semir Circle possible ? To save some screen space. HOT 2
- Upgrade to React 18? HOT 4
- Can this be embedded into a Button? HOT 1
- Help HOT 1
- Doesn't work with react 18 above HOT 4
- have a fill animation from 0 to value for first render . HOT 1
- Unable to add image from local project to CircularProgressbar
- Handle to Manually change progress rather than programatically
- Going past 100%
- Transition not working after value>=80
- Custom sitemap file name. HOT 1
- Unable to add gradient to the trail color. HOT 1
- peer dependencies
- TypeError: Object prototype may only be an Object or null: undefined HOT 3
- How to set the path and trailcolor in form of variables name HOT 1
- Progress bar out of bounds and cut off on Safari
- Need a provision to show the color of the track around the filled path HOT 1
- [bug] :when i am importing the file it is showing in import error in next js
- circle animation is still not working
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-circular-progressbar.