2

I would like to make with tikz three progress circles like these + a "Medium level" one wich is half full.

enter image description here

I've found this answer (Draw a progress circle around text) but I don't know how to adapt it in order to have the spaces between the dark grey-colored sector and the light grey-colored one.

Thanks very much in advance to anyone who's able to help :)

3

Only small modification is required to this answer to achieve the desired result.

enter image description here

\documentclass[border=3mm]{standalone}
\usepackage{tikz}
\usepackage{calc}
\newlength{\outerradius}
\newlength{\innerradius}
\setlength{\outerradius}{2cm}
\setlength{\innerradius}{1.5cm}

\newcommand{\progresscircle}[2]{
  \begin{tikzpicture}
    \fill[black!80] (0,0) circle (\outerradius);
    \fill[gray!70,draw=white,line width=2pt] (0,0) -- (0, \outerradius+1pt)
      arc (90:90-3.6*#1:\outerradius+1pt) -- (0,0);
    \fill[white] (0,0) circle (\innerradius);
    \node[align=center, text width = 2*\innerradius] (0,0) { #2};
  \end{tikzpicture}
}

\begin{document}
\progresscircle{85.34}{\textbf{Test 1} \\ seems okay}

\progresscircle{41.57}{\textbf{Test 2}\\ this\\too\\}
\end{document}
  • Thanks very very much! Is there a way so that I can write over two lines inside the circle? – lucia de finetti Dec 10 '18 at 18:46
  • @luciadefinetti Please see the edited answer – nidhin Dec 10 '18 at 18:49
  • As not said --- it works great now, thank you! – lucia de finetti Dec 10 '18 at 18:50
  • @luciadefinetti I also can't think of any reason why it should not work. Check if overleaf is listing any error or not. (You can find the option to see error/log somewhere on top bar in overleaf.) – nidhin Dec 10 '18 at 18:58

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.