官方的案例请参考

http://www.runoob.com/bootstrap/bootstrap-progress-bars.html

自定义

1，可以将设置了.sr-only类的<span>标签从进度条组件中移除，而让当前进度显示出来；

2，官方只提供了5中颜色，如果想增加颜色怎么办？

<!--自定义进度条背景色，给progress-bar添加背景色background-color: #da53d2;-->
<div class="progress progress-striped" style="width:80%;">
	<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 100%;background-color: #da53d2;">
	<span>{$object['mall']['appraise']}个</span>
	</div>
</div>

3，自定义高度，添加下列css样式，别在原css样式上修改

.progress {
  height: 12px;
}
.progress-bar {
  font-size: 12px;
  line-height: 12px;
}