search

crisbeto / angular-svg-round-progressbar

Angular module that uses SVG to create a circular progressbar
https://crisbeto.github.io/angular-svg-round-progressbar/
MIT License
741 stars 173 forks source link

Inner circle doesn't render correctly #181

Closed WimWidgets closed 5 years ago

WimWidgets commented 5 years ago

The following code...

<round-progress
        color="#ff0"
        background="#ccc"
        stroke="10"
        rounded="true"
        current="30"
        max="100"
        radius="50"
        animation="linearEase"
        duration="1000"
></round-progress>

..renders like this. render

What's going on?

crisbeto commented 5 years ago

Off the top of my head, it might be because the number values are passed in as strings. Does it work like this?

<round-progress
        color="#ff0"
        background="#ccc"
        [stroke]="10"
        [rounded]="true"
        [current]="30"
        [max]="100"
        [radius]="50"
        animation="linearEase"
        [duration]="1000"
></round-progress>