Let $S^{1}$ be the unit circle with basepoint $1 \in S^{1}$. Consider the map $f_{n} : S^{1} \rightarrow S^{1}$ given by $f_{n}(z)=z^{n}$. Then $f_{n} : S^{1} \rightarrow S^{1}$ is locally trivial fibration with fiber a set of n distinct points (the nth root of unity).
What I don't understand here is that why is the fiber the n distinct points (nth root of unity)? Also, for this example if we fix an x in the base space then locally it is like $U_{x} \times F$ where $U_{x}$ is an open set and F is the fiber. How do we visualize this? $U_{x}$ in this case is an arc am I right? Then why is it "locally" the cartesian product of $U_{x}$ and the set of roots?
The fiber is by definition $f_n^{-1}(1)$, which is the set of all solutions to $z^n=1$. These are by definition the $n$th roots of unity.
You are right that the "correct" $U_x$ is a little teeny arc $U_x$. Since $F$ is finite (and discrete), $U_x \times F$ is the same as a disjoint union of copies of those teeny arcs. Since $f_n$ wraps the circle around itself $n$ times, $U_x \times F$ is a bunch of equally spread out little arcs around the (domain) circle.