el-progress

Name: el-progress
Availability: InStock
Author: jiaiyan

Display task progress with Element Plus el-progress component attributes.

21|2|Updated Mar 13, 2026

Search Tags:#frontend #vue #progress-bar #element-plus #ui-component #el-progress #status-indicator

Ready to run

npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-progress

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: el-progress
Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-progress
Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-progress

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Progress indicators communicate task status and ETA in UI, reducing user confusion during long-running operations.

Core Features & Use Cases

Linear progress for task tracking (percentage, stroke width, color)
Circular and dashboard styles for compact UIs and dashboards
Customization options including striped, indeterminate, and text inside

Quick Start

Configure an el-progress component to display 50 percent progress using a line style.

Frequently Asked Questions about el-progress

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I display task progress in a Vue dashboard?▼

You can display task progress in a Vue dashboard by configuring a progress bar component with percentage values, stroke widths, and color customizations to communicate clear status feedback to users during ongoing operations.

What is the best way to show file upload progress in Element Plus?▼

The best way to show file upload progress in Element Plus is using a linear progress indicator that supports percentage tracking, text display inside the bar, and color customization to reflect real-time upload status accurately.

Can I use a circular progress indicator for compact UI forms?▼

Yes, you can use a circular or dashboard style progress indicator for compact UI forms. These circular styles visualize progress status effectively in space-constrained layouts without overwhelming the surrounding form elements.

Does Element Plus support indeterminate and striped progress bar modes?▼

Yes, Element Plus supports indeterminate and striped progress bar modes. These customization options allow you to visualize ongoing tasks with unknown ETAs or apply striped styling for distinct status indicators during data processing.

Why use a dashboard style progress indicator instead of a standard line bar?▼

You should use a dashboard style progress indicator instead of a standard line bar when you need a compact, semicircular visual representation of progress. This style fits dashboard panels where horizontal space is limited but status feedback remains critical.