Simple basic code
\documentclass{article}
\usepackage{tikz}
\begin{document}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {Java};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (.1,.5);
\end{tikzpicture}
\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {polite};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (3.5,.5);
\end{tikzpicture}
\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {outgoing};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (4,.5);
\end{tikzpicture}
\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {good manners};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (3.5,.5);
\end{tikzpicture}
\vspace{.05cm}
\begin{tikzpicture}
\node [anchor=west] at (.1,.8) {pursuer of rabbits};
\draw [fill=gray] (0,0) rectangle (5,.5);
\draw [fill={rgb:red,1;green,2;blue,3}] (0,0) rectangle (4.8,.5);
\end{tikzpicture}
\end{document}
Here is the obligatory tikz solution, wrapped inside a custom itemize
environment that is created with enumitem. The net result is that using the lines
\begin{achievements}
\item[57]\textbf{Personality}\\Leadership, innovation
\item[16]\textbf{Organisation}\\blah
\end{achievements}
you can produce:
Of course, you can customise the colours to your hearts content!
Here's the full code:
\documentclass[svgnames]{article}
\usepackage{tikz}
\usetikzlibrary{calc}
\usepackage{siunitx}% only to force percentages to be integers
\usepackage{enumitem}
\let\realItem\item% save for later use
\newcommand\percentageItem[1][10]{%
\realItem[\smash{\tikz[baseline]{%
\node[minimum width=4em] at (0,0) {\num[round-mode=places,round-precision=0]{#1}\%};
\draw[thick,line width=1.5mm,Blue](90:5mm)
arc [radius=5mm, start angle=90, delta angle=-#1*3.6];
\draw[thick,line width=1.5mm,LightSteelBlue](90-#1*3.6:5mm)
arc [radius=5mm, start angle=90-#1*3.6, end angle=-270];
}}]%
}
\newlist{achievements}{itemize}{1}
\setlist[achievements]{
before=\let\item\percentageItem,%make \item = \percentageItem
leftmargin=*,
label={},
itemsep=3mm,
}
\begin{document}
\begin{achievements}
\item[57]\textbf{Personality}\\Leadership, innovation
\item[16]\textbf{Organisation}\\blah
\end{achievements}
\end{document}
Best Answer
Works only for integer of semi integer values.