.progress-bar-container { background-color: gray; height: 10px; width: 120px; border-radius: 5px; overflow: hidden; .progress-bar { height: 10px; background-color: green; } }
<div class="progress-bar-container"> <div [style.width]="goalAndAccount.savingPercentage" class="progress-bar"></div> </div>
相关推荐
色环，或圆角进度条，自定义progress，重写ondraw方法，这个只是抛砖引玉，剩下的可根据自行需要修改，代码没整理有点乱，根据代码洁癖自行整理吧，也考验考验提示看代码的能力
思路介绍 http://blog.csdn.net/li_xiao_kang/article/details/46225927
自定义方框样式，有圆角的进度条~~~~~~~~~~~~~~~~~~~~
Android 通过canvas绘制圆角进度条，利用paint.setXfermode实现，可以自行更改成右边圆角左边直角。
蓝色圆角加载进度条特效（HTML5），适时显示百分比，一共有10多种进度条风格，测试请使用Chrome浏览器。
自定义圆角动画进度条
定义水平进度条的圆角进度，
实现圆角进度条还有很多其他方法，比如在Progress控件里填充圆角图片，通过拉伸图片来达到预想的效果，虽然听起来很简单，但实现起来还是有些麻烦的。 4.解说方法 （1）invalidate()方法 invalidate()是用来刷新View...
这是一个用emWin的2D绘图函数画的一个带圆形端点的环形进度条，压缩包里只有一个.c文件，是在模拟器上跑的。
android自定义半圆进度条，可以自己根据里面备注的参数，调整半圆的长度。这里是使用说明：http://blog.csdn.net/beibaokongming/article/details/79002646
vc实现的进度条，使用定时器刷新进度条，实现简单的功能
自定义ProgressBar， 完整实现了下载的各个状态，自定义圆角矩形进度条，自定义修改下载控件颜色.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
UGUI实现的圆形进度条 可用于进度条显示 也可用于拖拽验证码的功能
定义水平进度条的圆角进度.rar,太多无法一一验证是否可用，程序如果跑不起来需要自调，部分代码功能进行参考学习。
WPF 圆型进度条效果
可自定义的动画进度条，带有圆角。 Android RoundedProgressBar借助RoundedProgressBar库，您可以使用各种自定义选项来制作具有圆角边缘的进度条。 下面，我制作了一个gif文件，突出显示了使用此库创建的外观不同的...
该源码是一个圆角矩形进度条效果案例，源码Android-RoundCornerProgressBar，圆角矩形进度条，包含带图标和不带图标两种形式，主要是在布局文件中添加roundcornerprogressbar控件就差不多实现了。
Qt自定义进度条4个，一个圆角进度条，3个圆环进度条，重载paint函数和属性动画来实现
圆形进度条主要用于VR里面的凝视操作，因为用户不方便点击，凝视之后显示进度，可以一两秒后出发事件