最终实现的效果如下(在项目里的事务列表页面):
配置方法:
- 增加一个整数数字类型的自定义字段,字段标题可以用“完成百分比”。
- 选中“在事务列表中显示”选项。
- “格式化字符串”参数,使用如下所示代码:
<span style='width:80px;display:inline-block;border:1px solid #F0F0F0;background-color:#FFF'><div style='background-color:lightblue;width:{0}%;height:14px'></div></span>{0}%
解释:
格式化字符串的作用是在显示字段的值的时候对其进行处理。在格式化字段中,“{0}”表示字段的实际值。在这里,我们使用html代码生成一个方框,并在内部控制另一个带颜色方框的宽度,从而实现了进度条的效果。