Ruslan Ruslanov

2 блока, блок а и блок б.
Блок а будет бекграундом. Делаем ему длину большую (сколько вам надо? 500 px хватит?), А ширину маленькую (50 px?).
Блок б суем внутрь, ширину делаем inherit, длину 0, background (-color) устанавливаем.
В зависимости от величины прогресса устанавливаем длину блока б (в %, естественно, от родителя же считается).

var perc = num/count * 100; //величина прогресса
if (perc !== 0 || perc !== undefined) {
  perc = perc.toFixed();
}
inline.style.width = perc + "%";

</div>
    <div id="line" class="line">
        <div id="inline" class="inline"></div>
    </div>

вариант 1:
1. создать file_name.css
2. прописать стиль:

#lb_widget-root .lb_widget  {
  background-color: rgba(255,255,255, 1) !important;
}

3. как-то привязать файл стилей к нужной странице (как удобнее)
4.???
5. профит!

вариант 2:
1. найти файл-шаблон/файл.html страницы
2. прописать стиль прямо внутри файла:

<style type="text/css">
  #lb_widget-root .lb_widget  {
    background-color: rgba(255,255,255, 1) !important;
  }
  </style>

3. ???
4. профит!

вариант 3:
1. создать файл стиля/прописать внутри файла-шаблона тег стиля
2. приписать нужному тегу новый класс some-class-name-class
3. прописать стиль:

.some-class-name-class {
  background-color: rgba(255,255,255, 1) !important;
}

4. ???
5. профит!