[Vuejs]-Using vue-ellipse-progress component, is there any way where I can have two different colors for same circle indicating high and low value?

0πŸ‘

Got one solution to this. By adding gradient to the color attribute helps to show the colors accordingly.

:color = "gradient"

gradient: {
radial: false,
colors: [
{
color: β€˜#1565C0’,
offset: 80,
opacity: β€˜1’,
},
{
color: β€˜red’,
offset: 40,
opacity: β€˜1’,
},
]
}

Leave a comment