After loading JS file as instructed in main readme. Put this in your html file:
<sifrr-progress-round progress="47"></sifrr-progress-round>
This will render a instagram-like progres round with 47% completion. You need to set width, height with css to fit it as you need.
It always has translucent background.
You can change progress stroke
color and stroke-width
with attribute.
Change using state:
el.state = {
progress: 34, // default 0
stroke: '#000', // default #fff
'stroke-width': 3 // default 2 (between 0-4)
}