Создаем прогрессбар в поле списка Sharepoint 2013

Вот пример того поля с прогрессбаром что получается:

Прогрессбар в поле

Что нам требуется сделать:

  1. Создаем числовое поле "Заполнение" и указываем его отображение в % (сделал так, потому что изначально поле не скрывалось в представлении)
  2. Создаем поле "Заполнение*", параметры  как на картинке (рис.1)
  3. В настройке представления убираем из отображаемых полей поле "Заполнение", оно нам понадобится только при внесения в него данных Параметры поля

                                                                                    (рис. 1)

 

Вот Формула, которую нужно вставить:

="<DIV style='background-color:Red;width: 121px;height: 20px;margin-left:85px'><DIV style='background-color:LimeGreen;white-space:nowrap;height: 20px;width:"&(Заполнение*100)&"%;'>"&(Заполнение*100)&"%</DIV></DIV>"

Если повозится с параметрами в этой строке, можно изменять ширину, высоту, цвета, да и вообще можно кучу чего придумать - это обычный css.

 

Теги