Forum Discussion

johncrouse62's avatar
johncrouse62
Copper Contributor
Aug 05, 2024
Solved

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

  • johncrouse62 just add an extra line to the style: "border-top": "0"

     

    Rob
    Los Gallardos
    Microsoft Power Automate Community Super User.
    Principal Consultant, SharePoint and Power Platform WSP Global (and classic 1967 Morris Traveller driver)

     

     

     

2 Replies

  • Rob_Elliott's avatar
    Rob_Elliott
    Silver Contributor

    johncrouse62 just add an extra line to the style: "border-top": "0"

     

    Rob
    Los Gallardos
    Microsoft Power Automate Community Super User.
    Principal Consultant, SharePoint and Power Platform WSP Global (and classic 1967 Morris Traveller driver)

     

     

     

Resources