Progress Ring lightning web component

Description
An easy to use lightning web component that integrate SLDS "progress ring"

SLDS Progress Ring documentation

How to use

Exemple:
<c-progress-ring min="0" max="100" value="80" state="normal"></c-progress-ring>

States:
Normal :

Warning :

Expired :

Complete :

min: value min (ex: 0)
max: value max (ex: 100)
value: current value (ex: 80)
state: state of the progress ring (ex: warning, expired, active, complete, normal)
large: display the large size of the component as defined in the Lightning Design System blueprint

TODO

• Add an option to have a setInterval effect
• Add an option to customize line weight and style