Gradient Circular Progress Bar

[victoriak20273513]

I want to make an animated circular progress bar with a gradient in adobe XD (in order to animate the progress bar it has to be in segmented strokes). I know there isn't an option to add gradients to strokes in XD, but any suggestions for workarounds using other Adobe programs would be much appreciated! 

P.S. Adobe, please add gradient strokes to XD already!

[Shwetha Diwanji · Accepted solution]

Hi Victoria,

Thank you for using Adobe XD. We're sorry that this feature is not available in XD as of now. But there's a workaround provided in this thread below:

https://community.adobe.com/t5/adobe-xd/design-how-can-i-give-gradient-color-to-a-border-stroke-in-x...

Could you give this a try and let us know if it works?

Also please upvote the existing feature request for same here: https://adobexd.uservoice.com/forums/353007-adobe-xd-feature-requests/suggestions/17796841-apply-gra...

Regards,

Shwetha Diwanji

[victoriak20273513]

Hi Shwetha,

Thanks for responding! I am aware of the posted workaround and have used that in other instances. The issue I am having now is that I cannot animate the progress bar unless it is a stroke.