【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标

长方形进度条

1、在图标根目录下创建新图标
2、利用左上角绘图工具画出想要的进度条
3、这里是利用数据绑定更改边框颜色步骤:
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
这里已经创建完了图标
新建图纸后拉入做好的图标
接下来测试是否可以成功更改边框颜色:
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
4、掌握好了来编写进度长度和颜色随进度变化而变化步骤:
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标

圆形进度条

【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标
引入就可以了:
【hightopo】【基础图标】 HT for Web简单图标的制作:进度图标