进度控件为高级控件,在数据填报中以图形可视化方式实现任务的进度、完成度等效果。

应用场景
进度控件可实现直观地展现出某一项数据的百分比值,例:
填写项目进展记录表时,通过进度控件图形可视化表现项目进度;
填写销售分析表时,可通过进度条展示不同产品的销售目标达成情况等。
效果图

控件配置
基础配置
配置项  | 描述说明  | 
![]()  | ①显示标题:选择是否显示控件标题,支持自定义显示名称,作为数据填报的列名。  | 
②控件类型:选中控件后可替换控件类型,下拉选项支持替换成其他基础和高级控件类型。  | |
③表字段名:基于该数据填报创建的表里面的对应字段名称。 说明  字段名或表名必须以字母开头,支持字母、数字、下划线(_),最大长度为40个字符。  | |
④描述信息:自定义控件的描述信息。  | |
⑤描述信息位置:设置描述信息的位置。可选项包括控件底部、标题右侧、标题下方。  | |
⑥默认状态:设置控件的默认状态。可选项包括普通、只读、隐藏。  | |
⑦小数位数:自定义进度条内小数位的设置。 ![]()  | |
⑧默认值:设置进度条中默认显示值,默认为0  | 
内容

描述说明  | 示例图  | 
①起始值:设置进度条初始值,默认起始值为0,设置起始值时需要低于目标值。  | ![]()  | 
②目标值:设置进度条最终值,默认目标值为100,设置目标值时需要高于起始值。  | |
③步长:设置进度条在每次更新时的跳跃幅度,默认为1。  | ![]()  | 
④进度条颜色:设置进度条颜色,可实现纯色和渐变两种展示效果。  | ![]()  | 
⑤轨道颜色:支持设置轨道颜色设置。  | ![]()  | 
⑥滑块颜色:支持设置进度条内滑动块颜色的自定义。  | ![]()  | 
校验
配置项  | 描述说明  | 
![]()  | ①必填:选择是否设置该配置项,勾选后该控件将设置为必填项。  | 
②输入数据无效时提示文字:有校验条件生效时,该配置项才可生效,比如:勾选必填后,若没有选项值填入,则提示已经自定义过的报错文案。  | 
样式
配置项  | 描述说明  | 
![]()  | 控件宽度:支持选择默认、整行两种宽度类型。 说明  填报页面同时支持手动拖拽控件边框调整宽度。  | 
该文章对您有帮助吗?








