Dynamic Progress Bar

Overview

The Dynamic Progress Bar Plugin transforms numeric values in data tables or lists into visually engaging progress bars. Users can customize the bar style with predefined options such as Style 1, Style 2, or Style 3, offering a tailored appearance that aligns with their application's aesthetics. The plugin supports conditional coloring, intuitive bar lengths, and optional span visibility to display values alongside the bars, enhancing data visualization and user experience.

Use Cases

• This plugin is ideal for applications that display metrics, percentages, or progress data, such as project management dashboards, sales performance reports, or resource tracking tools. It improves the clarity and engagement of data presentations by turning raw numbers into intuitive visuals.

Installing the plugin

Prerequisites:

1. The page must have a table and list components
2. The table and list must have a number and slider fields
3. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

1. Navigate to the page with this table and list, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Dynamic Progress Bar plugin
4. Select the table and list
5. Select the number and slider 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.