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

PCF Speech To Text
A control to convert speech to text in real-time , it provides a user-friendly interface for capt...

         
speech text

Multiline Text Control
A control to limit the numbers of lines and background color of a multiline text field.

         
text multiline color

Quill Rich Text Editor
A control that integrates the Quill Rich Text Editor into your PowerApps apps.

         
rich text editor

Gradient Text
A control to display text with gradient fill effect.

         
gradient text

Flexible Text Input Field Styling
A control to style text input controls by passing in inline styles and/or predefined css classes ...

         
text style

Animated Progress Control
A control to display an animated circular progress (powered by bootstrap) indicating the complett...

         
progress bar