.work-item-rollup-progress-bar .work-item-rollup-progress-bar-container {
  background: rgba( 218, 218, 218 ,  1 );
  background: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  position: relative;
  height: 8px; }
  .work-item-rollup-progress-bar .work-item-rollup-progress-bar-container .work-item-rollup-progress-bar-bar {
    background-color: rgba(0, 120, 212, 1);
    background-color: var(--communication-background,rgba(0, 120, 212, 1));
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: transform 350ms cubic-bezier(0.165, 0.84, 0.44, 1), opacity 350ms ease-in-out, background 350ms ease-in-out;
    transition-duration: 150ms;
    transform-origin: left;
    transform: scaleX(0);
    width: 100%; }
    .work-item-rollup-progress-bar .work-item-rollup-progress-bar-container .work-item-rollup-progress-bar-bar.completed {
      background-color: rgba(85, 163, 98, 1);
      background-color: var(--component-status-success,rgba(85, 163, 98, 1)); }

.work-item-rollup-progress-bar .completion-percentage {
  margin-left: 4px; }

.work-item-rollup-progress-bar .margin-top-1 {
  margin-top: 1px; }

.work-item-rollup-progress-bar-shimmer {
  height: 8px; }