packages/ui/src/components/progress-circle.css


1
2
3
4
5
6
7
8
9
10
11
12

[data-component="progress-circle"] {
  transform: rotate(-90deg);

  [data-slot="background"] {
    stroke: var(--border-weak-base);
  }

  [data-slot="progress"] {
    stroke: var(--border-active);
    transition: stroke-dashoffset 0.35s cubic-bezier(0.65, 0, 0.35, 1);
  }
}