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

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

         
text split

Prefix Suffix TextField
A control that provides the flexibility to show prefix and suffix on the control without saving t...

         
text prefix suffix

Sliding Text
A control to move a text from left to right or right to left like the old-school Marquee tag.

         
sliding text

Text Splitter
A control to split a text based on a custom separator.

         
text split

Live Markdown Editor
A control to implement a feature-rich Markdown editor.

         
text markdown editor

Rich Text Control
A custom control to write rich text in multiline fields

         
rich text multiline