Skip to main content

Dynamic Status Progress Bar

Overview

The Dynamic Status Progress Bar Plugin transforms a status field into a clickable progress bar. Users can update their status by clicking different stages, making it an intuitive way to track progress. The plugin supports five predefined styles, highlights active and completed stages, and allows inline editing for seamless status updates.

Use Cases

This plugin is ideal for applications that involve workflow tracking, such as project management, order processing, or task management. It visually represents different status stages and allows users to interactively update their progress.

Installing the plugin

Prerequisites:

  1. The page must have a details component
  2. The details must have a Select and Radio fields
  3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

  1. Navigate to the page with this details, this can be a parent or child page. 
  2. Click on the Plugins
  3. Find the Dynamic Status Progress Bar Plugin
  4. Select the details
  5. Select the Select and Radio fields

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.