There is list of colors available in template (variables.scss): red, orange, lime, green, teal, blue, brown, and dark red. Any .box may be colored directly via css adding color class to it. For example:
.box
<div class="box red"></div>
Progress bar behaviour is achieved through Bootstrap's progress bar component.
There are two more styles in Light Blue template: .progress-small - to make progress bar look thin and .progress-inverse - to make it gray.
.progress-small
.progress-inverse
Overview widget is a simple widget styled with .tiny class. Inner content is wrapped by
.tiny
<section class="overview"></section>