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

Progress Control
A control to display an integer or a decimal as a % control.

         
number percentage

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

         
text

React Shaking Text Virtual Component
A control to draw attention to the text or create a sense of urgency, importance, or excitement.

         
shaking text

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

         
text editor

Spinning Text
A control to display text along a circular path.

         
spinner text

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

         
text split