Rafael Sanchis The script works in my environment (Mac-App, Safari, Firefox). Not every browser understands the manipulation of the tag <progress>. Keep in mind that css occupies Ninox. Not every variant will run there. Give it a try. Mirko

let maxValue := 35000;
let currValue := 9355.34;
let progressPoint := round(currValue * 100 / maxValue);
let info := "Gastos de Enero a Septiembre";
let css := "
<style>
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;}
progress {
    width: 100%;
    height: 10px;
    background:silver;
    border: thin solid gray;
    border-radius:.6em;
    accent-color: rebeccapurple;
}  .grid-container {
    display:grid;
    grid-template-columns:auto auto;
    border:thin solid silver;
    background-color:white;
    padding:.5em;
}
.single{
    font-size:medium;
    text-align:center;
    color:silver;
    font-family:Helvetica;
}
.double {grid-column: 1 / -1;}
.right {text-align:right;}
.left {text-align:left;}
</style>
";
let content := "
<aside class = 'grid-container'>
<aside class = 'double' style='text-align:center; font-family:Helvetica; font-size:small; color:dimgray; background-color:#FFF;'>&#x1f50e Total Expenses</aside>
<aside class = 'double' style='text-align:center; color:green; font-size:large; font-weight:bold;'>" +
    currValue +
    " $</aside>
<aside class = 'double' style='color:silver; font-size:small; font-weight:bold;'>" +
    info +
    "</aside>
<aside class = 'single left' style='color:silver; font-size:small; font-weight:bold;'>0</aside>
<aside class = 'single right' style='color:silver; font-size:small; font-weight:bold;'>" +
    maxValue +
    " €</aside>
<aside class = 'double'><progress value='" +
    progressPoint +
    "' max='100'></progress></aside>
</aside>
";
html(css + content)

Kruna Ein Beispiel. Ich habe es nur mit direkter Formatierung im HTML-Tag geschafft. Hier gibt es auch noch Anregungen dazu. https://forum.ninox.de/t/q6hvnzc/html-tabellen. Mirko

let ANZAHL := 13;
let content := "
<p style=background-color:" +
    switch true do
    case ANZAHL > 30:
        "DarkOliveGreen"
    case ANZAHL < 2:
        "IndianRed"
    default:
        "DodgerBlue"
    end +
    "> " +
    ANZAHL +
    " </p>";
html(content)

MirkoHallo Mirko, ich habe versucht Dein Beispiel umzusetzen bzw festgestellt, dass ich mich nicht richtig ausgedrückt habe.

Mein Ziel war es, dass die Zahl ansich grün bzw rot ist, je nach dem ob positiv oder negativ.

Ich habe dann anstatt 'background-color' einfach 'color' eingesetzt und es hat funktioniert. Leider bekomme ich es nicht im ganzen Script hin. Ich weiß leider nicht, wo/wie ich das CodeSchnipsel im ganzen Script (ich habe obriges Script benutzt, welches Du Rafael vorgeschlagen hast) einfügen soll.

Gefühlt überall eingesetzt, hat es leider nicht geklappt. Mein Wissen ist aber auch sehr begrenzt was HTML bzw CSS angeht.

Gruß Kruna