Progress Indicator

Progress Indicator

Model-driven Apps    Canvas Apps    Power Pages
License is Present    Managed Solution Available
A control to visualize percentage values stored in a text field (1–100%) as a progress bar. The control automatically adjusts bar length and color based on the value, and displays the percentage inside the bar.

Features:
Works with Single Line of Text fields containing values between 1–100%.
Displays a progress bar with centered percentage text.
Color changes dynamically:
< 30% → 🔴 Red
30–50% → 🟠 Orange
51–99% → 🔵 Blue
100% → 🟢 Green
Smooth animation and responsive design.
Simple, no external dependencies.

progress bar percentage text

Author: Haseeb Ahmad      

Visit
Download
Visit
Download

You might be interested in these PCFs

PCF MDA Background Change Textfield
A control to set the background to any rgb colour to a text field in your model driven app.

         
text color

TinyMCE Editor Control
A control to embed a rich text editor based on TinyMCE, tailored specifically for Microsoft GCC.

         
tinymce editor text

Text Control
A control that allows users to display text with advanced styling and behavior options.

         
text

Resizable Text
A control designed for use with a Multiple lines of text table column

         
resize text

Simple Text Control
A control to display text with custom style using HTML tags or CSS styles on a Unified Interface ...

         
text

PicklistAnywhere
A control to convert any text or numeric field into a picklist

         
picklist text number