跳到主要内容

进度

规格​

标签值
版本0.1.0(更新于 2026-05-04)
开发者Labii Inc.
类型列
支持配置是
支持只读视图是
支持编辑视图是
支持表单视图是
支持默认值是
支持导入是
允许多个是

概述​

Progress 小插件以可视化进度条显示数值,让用户可以一目了然地了解完成状态。用户可以输入任意表示百分比的数值,小插件会按该数值的比例呈现填充条。通过配置颜色阈值,进度条可以在数值跨越指定边界时自动变色,使用户能够立即判断进度是正常、存在风险还是已经完成。

使用场景​

  1. 使用此小插件追踪实验或方案步骤的完成百分比。
  2. 使用此小插件监控项目里程碑,并显示实现总体目标的进度。
  3. 使用此小插件直观显示多条记录中的样品制备或生产批次进度。
  4. 在质量控制工作流程中使用此小插件突出关键阈值;当进度低于可接受水平时,将进度条显示为红色。

配置​

用户可以配置颜色阈值,根据当前值更改进度条的颜色。每个阈值条目定义一个上限,以及进度值小于或等于该上限时显示的颜色。系统按顺序检查阈值,并使用第一个匹配阈值所指定的颜色。

  • Value - 此颜色对应的上限。当进度值小于或等于此数值时,应用指定颜色。
  • Color - 进度值落入此阈值时使用的颜色。支持标准颜色名称或十六进制颜色代码(例如 red、#ff0000)。

示例​

以下配置会将不超过 30 的值显示为红色,不超过 70 的值显示为黄色,超过 70 的值显示为绿色:

[
{ "value": 30, "color": "red" },
{ "value": 70, "color": "yellow" },
{ "value": 100, "color": "green" }
]

视图​

在以下视图中查看此小插件的界面。

只读视图​

只读视图显示列的值。

只读视图会显示一条横向进度条,并按照存储值表示的百分比填充。数值百分比显示在进度条右端,进度条颜色遵循已配置的颜色阈值。

Progress 列小插件只读视图

编辑视图​

编辑视图是用于修改值的界面。

编辑视图提供一个预填当前值的数字输入框。点击 CLEAR 可移除现有值;点击 SUBMIT 保存新值,或点击 CANCEL 放弃更改。

Progress 列小插件编辑视图

表单视图​

表单视图是集成到添加表单中的字段,用于在创建新记录时收集值。

表单视图与编辑视图相同。

数据​

Labii 中的每个小插件都以独特的方式存储数据;请参阅以下内容,了解此小插件的数据存储方式。

数据格式​

表示进度百分比的数值(例如 60)。

默认值​

列中的 Default Value 字段允许您指定创建记录时使用的默认值。

默认值可以是任意数值(例如 0)。

导入值​

Import Value 是需要包含在 Excel 表格中的值,以便将其导入 Labii。

导入值必须是数值(例如 60)。