We have a old SharePoint 2007 intranet. On this intranet we have a list with some columns like "name, fte, available, unit, contract enddate, expecting enddate etc". Some of these columns are showed as indicators and progressbar. This maded custom in a content query webpart with a custom itemstyle.xsl.

Now we have a new SharePoint online 2013 intranet (office 365). I would like to create the same dashboard. I have already created the list with the same columns. What is the best method to show indicators and progressbars for a custom list in SharePoint 2013 Online (o365)?

ps. the indicators are colored red when the date is past and green when it is in the future. This is not a visual studio solution!

enter image description here

  • I would go for JSLink on the view :) Feb 28, 2014 at 14:51
  • Thanks, I have googled on JSLink and this is what I need.
    – Ola
    Mar 3, 2014 at 9:33

3 Answers 3


Not knowing which level of O365 you are using and my understanding is that you do not want a custom code solution. I would recommend using Business Intelligence to drive your metric icons and progress bars. Here is a link.

Alternatively, I would look into using JQuery or Google Charts to enhance your dashboard with dynamically driven content.


The solution of Robert Lindgren was the right one. With the JSLink method it is possible to implement some logic to show a image instead of a date or number.


You'll find on my blog several examples that show how to create progress bars using calculated columns: http://blog.pathtosharepoint.com/?s=progress&submit=Search

To convert the calculated column into actual HTML, in SP 2013 you can use this JSlink method: http://blog.pathtosharepoint.com/2013/06/19/html-calculated-column-client-side-rendering/

The same technique can be used for other types of indicators, see my blog for more examples.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.