Is there a way to control Lightning Progress Ring Color?

1 day ago 2
ARTICLE AD BOX

Currently, even though i use the variant as 'active-step', I am not getting blue color ring. It is inheriting the org's brand color (light-orange) and using it. I want the ring to look blue.

Is there a way to customize the color using css without building an entire new custom component for progress ring?

Variant used: Active-Step.

My HTML:

<template> <lightning-progress-ring value="75" variant="active-step"> </lightning-progress-ring> </template>

Intended result:

blue progress ring

Actual Result: Light Orange progress ring, as it is the configured brand color in my org.

Read Entire Article