Pillar Progress Bar Snippet
  • 25 Sep 2024
  • 1 Minute to read
  • PDF

Pillar Progress Bar Snippet

  • PDF

Article summary

Pillar Progress Bar Snippet

image.png

  • below we have added dataset Fields for pillars so you have to replace the pillar names.eg. {name:'Average all companies',score: 'Workplace_Pillar_Average', divisibleValue:'Workplace_out_of'}]
    here if your pillar name is MarketPlace so your field should be like this
    {name:'Average all companies',score: 'MarketPlace_Pillar_Average', divisibleValue:'MarketPlace_out_of'}]

  • Find these comments in your container <! -- Pillar Progress Bar Snippet - -> in your container at multiple places this comment is present so add below snippet there. Don't remove the comments while pasting the snippet

Pillar Progress Bar Snippet

<ng-container *ngIf="dashboard.isdashboarddataLoaded"><progress-scores
[progressbarColor]="'gcf-blue'" [firsttDiv]="'gcf-blue'"
[progressBarDetails]="[{name:'Your Score',score: 'Pillar_Name_Pillar_Score', divisibleValue:'Pillar_Name_out_of'},{name:'Sector Average',score: 'Pillar_Name_Pillar_Sector_Average', divisibleValue:'Pillar_Name_out_of'},{name:'Regional  Average',score: 'Pillar_Name_Pillar_Region_Average', divisibleValue:'Pillar_Name_out_of'},{name:'Average all companies',score: 'Pillar_Name_Pillar_Average', divisibleValue:'Pillar_Name_out_of'}]"></progress-scores></ng-container>

Was this article helpful?