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      

You might be interested in these PCFs

Inline Text Editor
A control that accepts HTML text and renders part of HTML content as editable

         
text editor

Auto Populate Text Column
A control that auto populate a PowerApps text column with Regarding Lookup details

         
text lookup autocomplete

List View of Text
A control to manage a list view of text with a delete feature

         
text list

Multilingual Static Text
A control allowing flexible display of static text in model-driven apps by associating it with a ...

         
text static

AutoSplitTextControl
A control with two text areas for splitting text to handle the overflow limit.

         
text split

N:N Multi-Select
A control to turn a text column into a picker for a native many-to-many (N:N) relationship.

         
multiselect text