Highlighted

Gradient Circular Progress Bar

New Here ,
Jul 16, 2020

Copy link to clipboard

Copied

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!

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-xd/td-p/10880861?page=1

 

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-gradient-to-border-stroke

 

Regards,

Shwetha Diwanji

Topics

Design, How to, Missing feature, Prototyping

Views

89

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Gradient Circular Progress Bar

New Here ,
Jul 16, 2020

Copy link to clipboard

Copied

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!

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-xd/td-p/10880861?page=1

 

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-gradient-to-border-stroke

 

Regards,

Shwetha Diwanji

Topics

Design, How to, Missing feature, Prototyping

Views

90

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Employee ,
Jul 16, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Jul 17, 2020

Copy link to clipboard

Copied

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. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...