Need CSS for half filled Circle (at the bottom) with border : <p>I have already refered to this url and tried to tweak it but wasn't able to get it to work. 
<a href="https://stackoverflow.com/questions/42514884/need-css-for-half-filled-circle-with-complete-border">Need css for half filled circle with complete border</a></p>

<p>I need css for below style (bottom half of circle filled)</p>

<p><a href="https://i.stack.imgur.com/cjcsW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cjcsW.png" alt="enter image description here"></a></p>

<p>Please help! Thanks. </p>
