Rafael SanchisHi Rafael, where do you change the color of the bar. I cant find it at all, ty :-)

EDIT: Sorry, I should check the link first

Kruna Hi Kruna

progress::-webkit-progress-bar {background-color: silver; width: 100%;border-radius:.5em;}
progress::-webkit-progress-value {background-color: rebeccapurple !important;border-radius:.5em;}
progress::-moz-progress-bar {background-color: silver !important;}

Rafael Sanchis thank you very much. :-)

I had to add this too:

progress {
    width: 100%;
    height: 10px;
    background:silver;
    border: thin solid silver;
    border-radius:.6em;
    accent-color:  white;
}

Now its perfect! :-)

Corona Excelent 

Kruna 

You know something about the arrows ? Up/Down 

Rafael Sanchis what arrows up/down do you mean?

Kruna 

The Red on Green arrows 

Rafael Sanchis no, unfortunately not.

I think this was another way to use css and html boxes and maybe there it is possible to use the arrows.

Mirko Excelent gift. 

Mirko 

Hi Mirko

One Question there are any way to separate the arrow attribues  and text comment attributes

Thanks

let arrowColor := switch true do
    case Value < 100:
        "style = 'color: red'>&darr; <text> project is over budget."
    case Value > 100:
        "style = 'color: green'>&uarr; <text> Project is performing well against the budget. "
    case Value = 100:
        "style = 'color: blue'>&varr; <text> project is performing on budget."
    end;
let content := "
<style>
p{
font-size:16px;
font-weight: bold;
}
</style>
<p " +
    arrowColor +
    "</p>";
html(content)

Rafael Sanchis try this. It's not fancy HTML but it works.

let Value := 110;
let pContent := switch true do
    case Value < 100:
        "style = 'color: red; font-size:x-large;'>&darr; <span style='color:black; font-size:medium;'> project is over budget.<span>"
    case Value > 100:
        "style = 'color: green; font-size:x-large;'>&uarr;<span style='color:black; font-size:medium;'> Project is performing well against the budget.<span>"
    case Value = 100:
        "style = 'color: blue; font-size:x-large;'>&varr;<span style='color:black; font-size:medium;'> project is performing on budget.<span>"
    end;
let content := "
<style>
p{
font-weight: bold;
}
</style>
<p " +
    pContent +
    "</p>";
html(content)

Mirko Too much better. Thanks