如何在圆形进度条上设置图像？

Question

我遵循了这个github，找到了循环进度。但是......如何在圆形进度条的圆圈中设置图像？

<circle-progress #circleProg1
                   [percent]="25"
                   [boxSize]="400"
                   [radius]="140"
                   [lowColor]="'red'"
                   [middleColor]="'orange'"
                   [interColor]="'#f1c40f'"
                   [highColor]="'#16a085'"
                   [border]="20"
                   [time]="5"
                   (click)="circleProg1.animate()"
  ></circle-progress>

Answer 1

根据文档，似乎无法添加图像，而是可以使用

<强> angular-svg-round-progressbar

并将css添加为

.round-progress {
    background: url(YourImageHere.png);
    border-radius: 1000px; /* so the image doesn't overflow */
    overflow: hidden;
}