Can I make a circle progress bar using gojs?

GoJS
1

Hi, I use a Shape to make a gradient circle, and now I have this:
Snip20210908_7
But I want a progress bar like this:
Snip20210908_8
The code is bellow, can you help with this? Thank you very much.

$(
            go.Panel,
            "Spot",
            $(go.Shape, "Circle", {
              width: 77,
              height: 77,
              fill: "#ECF1FB",
              strokeWidth: 0,
            }),
            $(go.Shape, "Circle", {
              width: 60,
              height: 60,
              strokeWidth: 5,
              fill: "white",
              stroke: rainbow,
            }),
            $(
              go.Panel,
              "Spot",
              { isClipping: true },
              $(go.Shape, "Circle", { width: 50, strokeWidth: 0 }),
              $(
                go.Picture,
                { width: 50,imageStretch: go.GraphObject.Uniform  },
                new go.Binding("source").makeTwoWay()
              )
            )
          ),
2

Check out the node template from the Donut Chart sample. It binds the geometry of the shapes with a sweep value to generate the arc.