UI Widget Progress Circle (svg)

Install

clone to your package folder

$ git clone <this-repo.git>

or

$ mrt add ui-progress-circle

Howto use

1{{> progressCircle progress="50" radius="100" class="green"}}

radius and class are both optional

##CSS Example This is one of the built'in styles red, green and blue

1    /* The text in center */
2    svg.ui-progress-circle #text.green {
3        fill: #76B13C;
4    }
5    /* Background of mid circle */
6    svg.ui-progress-circle #background.green {
7        fill: #F7F6F4;
8    }
9    /* Circle stroke around text */
10    svg.ui-progress-circle #stroke.green {
11        stroke: #76B13C;
12        opacity: .5;
13    }
14    /* Progress marker */
15    svg.ui-progress-circle #progress.green {
16        fill: #76B13C;
17    }