Comments (2)
Hello @geobotsar81
i think, what are you trying to achieve is the green-orange-red gradient to follow along with the progress line, this could be possibly with the conical gradient (see #107 ).
What you observe is a linear gradient from bottom to top and this is the currently available behavior of SVG gradients in modern browsers. It becomes more clear with thicker lines like in this example. So far I haven't found a simple and elegant way to implement canonical gradients. I am open for any suggestions.
If you want to communicate the progress visually with colors. the work around could be just to change the progress line color depending on the progress
value.
from vue-ellipse-progress.
Thanks, that makes sense, wasnt aware of these limitations. Thanks for the suggestion, will give it a go!
from vue-ellipse-progress.
Related Issues (20)
- this project cant be used with typescript HOT 2
- How can I go around and then go around again
- What event triggered it? HOT 1
- ssr aware HOT 4
- when I use it in iphone6s with ios9οΌit Abnormal display HOT 4
- I guess I cant installed it tell me why and pls help me fixing HOT 6
- Can i define `:progress = (value)` HOT 3
- Typescript support HOT 2
- Create non-pluggin version of the library HOT 2
- $ref is undefined when 'data' is specified on [email protected] HOT 1
- Usage with vue3 + composition API HOT 2
- Trying to display legend on a multiple line ("data" driven chart) HOT 2
- Can't import on Vue 3 HOT 3
- confused on using slot property on vue3 HOT 3
- Responsive sizing? HOT 6
- legendClass example HOT 2
- Animation Triggers Twice upon Mounting in Safari and Ionic App HOT 3
- Remove unused space for half circle HOT 1
- Add circle slot 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 vue-ellipse-progress.