SharePoint List Progress Bar Top Border
How do I get rid of the top border in a progress bar? I have attached an image and here is my code …
{
“$schema”: “https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json“,
“elmType”: “div”,
“children”: [
{
“elmType”: “span”,
“txtContent”: “@currentField”,
“style”: {
“padding-left”: “8px”,
“white-space”: “nowrap”
}
}
],
“attributes”: {
“class”: “sp-field-dataBars”
},
“style”: {
“padding”: “0”,
“font-size”: “12pt”,
“font-weight”: “bold”,
“color”: “#000000”,
“background-color”: “#12ae00”,
“width”: “=if(@currentField >= 101, ‘50%’, (@currentField * 1) + ‘%’)”
}
}
Thanks,
John
How do I get rid of the top border in a progress bar? I have attached an image and here is my code … { “$schema”: “https://developer.microsoft.com/json-schemas/sp/v2/column-formatting.schema.json”, “elmType”: “div”, “children”: [ { “elmType”: “span”, “txtContent”: “@currentField”, “style”: { “padding-left”: “8px”, “white-space”: “nowrap” } } ], “attributes”: { “class”: “sp-field-dataBars” }, “style”: { “padding”: “0”, “font-size”: “12pt”, “font-weight”: “bold”, “color”: “#000000”, “background-color”: “#12ae00”, “width”: “=if(@currentField >= 101, ‘50%’, (@currentField * 1) + ‘%’)” }} Thanks,John Read More
