If you’re on the Business Plan and leverage progress bars in your app, here’s a neat code snippet that colors a progress bar green when it’s reached 100%. Note: might need to specify a custom class on the progress bar component first and reference it in the CSS because I’m not sure what other compo…

Neat! Do you have any ideas how to change the color of a Progress Bar in General ?

An alternative to a CSS solution is to build your own and give it any color you want. [image] Why are certain features not available for Glide pages? Ask for Help @Robert_Petitto here is an alternative to a progress bar. <div style="overflow:hidden;border-radius:15px;bac…

Is there a way to change the color for when it is not fulfilled? i.e. red for not, and then green like you have it when it is

Sure. It’s all about building a template column with the code and plug in the Width and Color as replacement values in the template.

Could you provide an example? That would be amazing!

He did provide an example :point_down: Why are certain features not available for Glide pages? @Robert_Petitto here is an alternative to a progress bar. <div style=“overflow:hidden;border-radius:15px;background-color:#DDDDDD;”"> [image]

What do you need help with? Are you familiar the template column? Here’s a modified version with variables instead of hard codes values for the color and percent. Just put it in a template column and set up your replacement values for the variables. {{color}} and {{percent}} Once that is done, …

Is this doable in Team plans as well?

Yes. Rich text component is available for every plan.

Now that CSS is available in all paid plans, is it possible to use CSS to dynamically change the color of progress bars based on multiple values? Below is an example in Airtable, which allows you to customize the color based on the current value. Any help or direction would be greatly appreciated. […

✅ CSS to make progress bars green when complete

Community Resources

Darren_Murphy March 1, 2024, 1:55am 7

He did provide an example

Topic		Replies	Views
Progress Bar Color Feature Requests	40	3325	August 28, 2020
Progress Bar Color Mapping Ask for Help	1	419	July 25, 2023
Progress Bar - CSS to increase size (thickness) Ask for Help	10	95	December 5, 2025
Segmented progress bars? Ask for Help custom-css	17	927	August 9, 2024
Progress Bars Ask for Help	9	818	January 17, 2023

✅ CSS to make progress bars green when complete

Related topics