import { Progress } from "@ls-design/ui-react";

<Progress value="0"></Progress>

<Progress value="100" showtext></Progress>

.green {
  --progress-box-background: yellowgreen;
  --progress-margin-left: 6px;
}

<Progress value="20" color="green"></Progress>
<Progress value="30" color="green" className="green"></Progress>

.auto {
  width: 50%;
  height: 50px;
  border-radius: 15px;
}

<Progress
  value="90"
  class="auto"
  color="linear-gradient(
  268deg,#fa2c19 0%,#fa3f19 44.59259259%,#fa5919 83.40740741%,#fa6419 100%)"
>
  <span slot="percent" class="percent">0.9</span>
</Progress>