Comments (6)
If you're referring to just making a regular progressbar, there are plenty of other modules out there already. I made this one since I couldn't find any round ones at the time.
from angular-svg-round-progressbar.
Yes of course! But a single module would be interesting doing these two types of bar because its was very good. I'm trying to modify it, as you have more experience, you could help me with this? @crisbeto
from angular-svg-round-progressbar.
I think that goes against the whole idea of making small components that do one thing well and you can throw together into a project as you need them. If we started adding all types of progressbars together into the same module it would become pretty bloated.
If you want some inspiration about how to approach regular progress indicators, Angular Material have some pretty nice ones. You can also take a look at their source which is pretty easy to follow.
from angular-svg-round-progressbar.
Hi Crisbeto
Thanks a lot to you. I struggled a lot on net before I found your plugin for rounded progress bar.It solved my problem.I have one query,I want to have different colors for particular values like if percentage is 0 to 50 % it should be red and after that green.I modified the colors attribute using ? syntax.The color is changing but the problem is when it goes beyond 50 whole color of circle is changed.What I want is below 50, it should stay red and after that it should change.Is it possible because I am not able to do it.Please let me know if this is possible in your plugin.
Thanks in advance.
from angular-svg-round-progressbar.
Hmm that's going to be kind of tricky. You could try some of the following:
- Try playing around with gradients. I've talked more about them in #29
- This is a bit of a hack, but you could have two progressbars in semcircle mode that come together to form a full circle. Not sure what the outcome of this could be since I've never tried it.
from angular-svg-round-progressbar.
I will try with gradients.With semi-circle I was thinking but then I i was thinking how would I be able to rotate the second semi-circle upside down.With gradients if it works I can apply three colors because that is actually I need to implement.Will try with your other article.Thanks a lot Cris for this progress bar.It really made my work easy and thanks a lot for replying.
from angular-svg-round-progressbar.
Related Issues (20)
- proposed new library HOT 7
- Question: Does v4 break on Angular 9? HOT 5
- [^4.0.0] [Angular 10.0.8] Production build isue. Related to #204 HOT 2
- Animation when max changed
- Errors with Angular 9 - ɵɵFactoryDef HOT 10
- Angular 9 error ɵɵFactoryDef
- Compilation failed after upgrading to 5.0.1 HOT 2
- Could not be served HOT 1
- contribution
- Support for Angular 11 HOT 1
- Small circle at the end of outer stroke
- Filling color in case of 0 current value HOT 1
- Support Angular 12 HOT 1
- Memory leak when drawing progress HOT 2
- Error - Angular 11.2.7 HOT 1
- ARIA progressbar nodes must have an accessible name HOT 1
- error TS2707: Generic type 'ɵɵComponentDeclaration' requires between 7 and 8 type arguments. HOT 2
- Angular 16 support HOT 1
- Angular-svg-round-progressbar for Angular 9? HOT 1
- Inconsistent URL Parsing in resolveColor function affecting SVG Strokes HOT 1
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 angular-svg-round-progressbar.