用途:该技能用于在 TypeScript 或 JavaScript 项目中实现 Syncfusion 进度条组件,可视化任务或流程的完成进度,适合上传下载、加载状态、任务完成度等界面。\n\n主要能力:支持 Linear、Circular、SemiCircular 三种形状;支持 Determinate、Indeterminate、Buffer 三种进度模式;提供动画、颜色(进度、轨道、次级进度)、粗细、圆角、半径与内半径、分段及分段间距等定制项;支持 value、minimum、maximum、isIndeterminate、secondaryProgress、showProgressValue 等属性;包含 valueChanged、progressCompleted、textRender 事件;声明符合 WCAG 2.1 AA,含键盘导航、ARIA 与屏幕阅读器支持。\n\n使用方式:通过 npm 包 @syncfusion/ej2-progressbar 引入 ProgressBar,按配置创建实例并追加到容器,例如:\nimport { ProgressBar } from '@syncfusion/ej2-progressbar';\nconst linearProgress = new ProgressBar({ value: 65, type: 'Linear', height: '20px' });\nlinearProgress.appendTo('#linearContainer');\n不确定加载状态可设置 isIndeterminate: true;双进度可用 value 与 secondaryProgress,如 35 与 65。具体安装步骤、CSS 主题配置与最小示例见 references/getting-started.md。\n\n适用场景:文件上传或下载进度、系统状态、任务完成度等需要进度指示的 UI。\n\n限制:不适用于旋转加载指示器(可用 Skeleton Loader)、步骤指示器(可用 Stepper)或时间线可视化(可用 Timeline)。其他未在资料中说明的收费、平台或效果信息暂未提供。
syncfusion-javascript-progress-bar
前端与建站
更新于 10-16 05:45