Dynamic Progress Bar for Dropdown Selection

Overview

The Dynamic Progress Bar for Dropdown Selection Plugin enhances forms and tables by displaying a progress bar that visually reflects the completion status based on the selected value. It listens for changes in dropdown selections within forms and updates the progress bar accordingly. In tables, it dynamically calculates progress based on the selected status in each row, providing a real-time indication of progress and applies corresponding badge colors for clarity. The plugin features a smooth gradient for the progress bar and updates it as selections are made, improving user experience in your Tadabase app.

Use Cases

• This plugin is ideal for applications that require progress tracking, such as project management dashboards, order processing, and workflow automation. It helps users quickly understand the status of tasks or records without manually checking each entry.

Installing the plugin

Prerequisites:

1. The page must have form, table, list and details components
2. The component must have a 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 component, this can be a parent or child page. 
2. Click on the Plugins
3. Find the Dynamic Progress Bar for Dropdown Selection plugin
4. Select the form, table, list and details
5. Select the select 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.