signal-desktop/stylesheets/components/ProgressBar.scss

// Copyright 2024 Signal Messenger, LLC
// SPDX-License-Identifier: AGPL-3.0-only

@use '../variables';

.ProgressBar {
  position: relative;
  overflow: hidden;
  background: rgba(variables.$color-ultramarine, 0.2);
  height: 5px;
  border-radius: 2px;
}

.ProgressBar__fill {
  position: absolute;
  background-color: variables.$color-ultramarine;
  border-radius: 2px;
  display: block;
  height: 100%;
  width: 100%;
  transition: transform 500ms ease-out;
}