跳转到主要内容
环形进度条

在易企办中实施进度圆环以增强用户体验并可视化任务完成情况,优化工作流程效率。

超过 3 个月前更新

在易企办中,进度圆环控件是一个动态可视化工具,设计用于通过以视觉上吸引人的圆形格式显示任务完成情况来增强用户互动。这种控件特别适用于受益于紧凑、圆形进度指示器的任务。

创建进度圆环

首先,在控件添加面板中找到进度圆环控件。然后,将其拖放到页面的某个部分或容器中。

进度圆环控件将在您的布局中插入一个圆形进度条。每个新圈都需要单独调整设置。


内容设置

接下来,打开“内容 > 进度圆环”模块,在值类型下拉菜单中,您可以设置为百分比或绝对值。

基于百分比的进度

  • 值类型:设置为“百分比”以用百分比表示进度。

  • 当前百分比:可调整滑块以定义当前的完成状态,例如50.00%。或者点击切换按钮设置动态内容。

  • 百分比位置:选择将百分比显示在圆圈内、圆圈外或无。

  • 计数器标题:用于输入与计数器相关的标题或标签,可以自定义为动态内容。

  • 标题位置:将标题放置在圆圈内、外或不显示。

  • 进度线:选择“扁平”或“圆角”样式,使环形进度条在视觉上更具吸引力。

基于绝对值的进度

  • 值类型:更改为“绝对值”,在需要精确数字值比百分比更有信息量的情况下使用。

  • 当前值:允许输入确切的进度点,例如,最大值为50。

  • 最大值:定义总值或终点值,例如,100,代表目标或完成点。

  • 值的位置:保持值在圆内以确保其被中心突出显示。

  • 计数器标题:与基于百分比设置的功能类似,为描述性标题提供空间。

  • 标题位置:始终保持在圆内,与计数器值对齐。

  • 进度线样式:保持“圆角”,确保不同配置下的统一美观。


显示动态内容

您可以通过点击每个输入字段末端的切换按钮来设置动态内容。然后,点击设置按钮打开表达式编辑器并构建您的动态内容。例如:显示列表中的百分比字段的值,或与审批表单中的数值变量关联。


设置进度圆环样式

  • 圆圈尺寸:可调整大小,决定圆圈的直径。

  • 进度值宽度:设置进度线的厚度。

  • 进度值背景宽度:设置与进度值相匹配的厚度以获得统一的外观。

  • 圆圈填充色:选择圆圈内的填充颜色。

  • 进度值背景色:选择背景部分的颜色。

  • 进度值颜色:设置进度部分的颜色。

  • 阴影:启用或禁用阴影效果的切换。

  • 动画持续时间:调整填充动画完成所需的时间。

数字样式

  • 颜色:选择数值百分比显示的颜色。

  • 字体:设置数值的字体样式和大小。

  • 内边距:调整数值周围的间距,支持上下左右的内边距设置。

标题样式

  • 颜色:选择显示在进度圈内/外的标题文本颜色。

  • 字体:设置标题文本的字体选项。

  • 内边距:配置标题文本周围的内边距。


高级设置

设置适用于此控件的高级选项。

这是否解答了您的问题?