Skip to main content

Progress Bar Based on Field Value

Overview

This plugin transforms a radio or select field, used as a status field, into a progress stepper. It visually represents the current step in a sequence, such as "Open," "Pending," and "Completed," indicating the status of the record.

Use Cases

  • Project Management: Track the stages of a project.
  • Order Processing: Display the status of customer orders.
  • Workflow Tracking: Show progression through a workflow.
  • Detailed Description and Use Case

    Installing the plugin

    Prerequisites:

    1. The page must have a details component
    2. The component must have a radio or select field
    3. Javascript must be enabled (applicable if your're on trial account)

    Step-by-Step Installation:

    1. Navigate to the page with this form, this can be a parent or child  page. 
    2. Click on the Plugins
    3. Find the Image Annotation plugin
    4. Select the form 
    5. Select the attachments field

    Removing the Plugin

    To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well. 

    Back to top