Spaces:

yamiclaws
/

advanced-rag-api

Sleeping

advanced-rag-api / frontend /src /components /ui /progress.tsx

Ashutosh1975270

feat: complete frontend and backend integration and security configurations

3786a3f 4 months ago

531 Bytes

import * as React from 'react';
import { cn } from '@/lib/utils';

export function Progress({
  value = 0,
  className,
  indicatorClassName,
}: {
  value?: number;
  className?: string;
  indicatorClassName?: string;
}) {
  return (
    <div className={cn('h-2 w-full overflow-hidden rounded-full bg-bg-elevated', className)}>
      <div
        className={cn('h-full rounded-full bg-accent-violet transition-all', indicatorClassName)}
        style={{ width: `${Math.min(100, Math.max(0, value))}%` }}
      />
    </div>
  );
}

	import * as React from 'react';
	import { cn } from '@/lib/utils';

	export function Progress({
	value = 0,
	className,
	indicatorClassName,
	}: {
	value?: number;
	className?: string;
	indicatorClassName?: string;
	}) {
	return (
	<div className={cn('h-2 w-full overflow-hidden rounded-full bg-bg-elevated', className)}>
	<div
	className={cn('h-full rounded-full bg-accent-violet transition-all', indicatorClassName)}
	style={{ width: `${Math.min(100, Math.max(0, value))}%` }}
	/>
	</div>
	);
	}