src/client/views/nodes/RecordingBox/ProgressBar.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

.progressbar {
      position: absolute;
      display: flex;
      justify-content: flex-start;
      bottom: 10px;
      width: 80%;
      height: 5px;
      background-color: gray;

      &.done {
            top: 0;
            width: 0px;
            height: 5px;
            background-color: red;
            z-index: 2;
      }

      &.mark {
            top: 0;
            background-color: transparent;
            border-right: 2px solid white;
            z-index: 3;
            pointer-events: none; 
      }
}