Here is a different, more algebraic proof. I don't know if there is any reason to prefer it to the visual proof.
It is sufficient to prove the inequality if we take $\{x\}$ to round up instead of down, as that is a stronger inequality.
If we raise $x$ by $\epsilon$, where $\epsilon$ is small enough that no fractional part wraps around, the left side increases by $n (n+1) \epsilon/2$ and the right side by $n \epsilon/2$. We can do this unless $xk$ is an integer for some $1 \leq k \leq n$. Because the increase on the left is greater than the increase on the right, we can reduce to the case where $xk$ is an integer for some $1 \leq k \leq n$, say $x=a/b$ with $1 \leq b \leq n$ and $a,b$ relatively prime. We have
$$ \sum_{k=1}^n \left\{ k \frac{a}{b} \right\} = \sum_{k=1}^b \left\{ k \frac{a}{b} \right\} +\sum_{k=b+1}^n \left\{ k \frac{a}{b} \right\} $$
For the first term, we use the fact that $a$ is a permutation of residue classes mod $b$, so
$$ \sum_{k=1}^b \left\{ k \frac{a}{b} \right\} = \sum_{k=1}^b \left\{ \frac{k}{b} \right\}= \sum_{k=1}^b \frac{k}{b} = \frac{b (b+1)}{2b} \leq \frac{b a}{2b} = \frac{bx}{2} $$
For the second term, we use periodicity and induction on $n$, so
$$\sum_{k=b+1}^n \left\{ k \frac{a}{b} \right\} = \sum_{k=1}^{n-b} \left\{ k \frac{a}{b} \right\} \leq \frac{ (n-b) x}{2} $$
Summing, we get an upper bound of $\frac{nx}{2}$, as desired (and as necessary for the induction step).