softchatjs-react/dist/components/Loaders/loaders.css

Install the softchat-js SDKs

.loader {
  width: 100%;
  height: 1.5px;
  background-color: #e0e0e0;
  overflow: hidden;
  position: relative;
}

.loader::before {
  content: '';
  position: absolute;
  left: -100%;
  width: 100%;
  height: 100%;
  background-color: #3498db; /* Loader color */
  animation: loading 1.5s infinite ease-in-out;
}


@keyframes loading {
  0% {
    left: -100%;
    width: 100%;
  }
  50% {
    left: 25%;
    width: 50%;
  }
  100% {
    left: 100%;
    width: 100%;
  }
}