dify

dify/web/app/components/billing/progress-bar/index.tsx

@@ -0,0 +1,24 @@
+import cn from '@/utils/classnames'
+
+type ProgressBarProps = {
+  percent: number
+  color: string
+}
+
+const ProgressBar = ({
+  percent = 0,
+  color = '#2970FF',
+}: ProgressBarProps) => {
+  return (
+    <div className='overflow-hidden rounded-[6px] bg-components-progress-bar-bg'>
+      <div
+        className={cn('h-1 rounded-[6px]', color)}
+        style={{
+          width: `${Math.min(percent, 100)}%`,
+        }}
+      />
+    </div>
+  )
+}
+
+export default ProgressBar