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

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

         
sliding text

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

         
text split

VossTagViewControl
A control to improve the usability, visibility, and maintenance of tag-like metadata.

         
tags text

Decrypted TextBox
A control to securely decrypt text.

         
decrypt text

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

         
text

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

         
text split