mirror of
https://github.com/langgenius/webapp-conversation.git
synced 2025-12-08 17:32:27 +08:00
05dcfcf0ca
- Replace .eslintrc.json with eslint.config.mjs - Simplify configuration using @antfu/eslint-config - Add necessary ESLint plugin dependencies - Disable overly strict style rules - Set package.json type to module for ESM support - Fix ESLint disable comment format 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
21 lines
475 B
TypeScript
21 lines
475 B
TypeScript
interface ProgressBarProps {
|
|
percent: number
|
|
}
|
|
const ProgressBar = ({
|
|
percent = 0,
|
|
}: ProgressBarProps) => {
|
|
return (
|
|
<div className='flex items-center'>
|
|
<div className='mr-2 w-[100px] rounded-lg bg-gray-100'>
|
|
<div
|
|
className='h-1 rounded-lg bg-[#2970FF]'
|
|
style={{ width: `${percent}%` }}
|
|
/>
|
|
</div>
|
|
<div className='text-xs font-medium text-gray-500'>{percent}%</div>
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default ProgressBar
|