自定义渐变色 JavaScript 实现的进度条扩展组件

进度条是在许多Web应用程序和网站中常见的UI元素之一。本文将介绍如何使用JavaScript编写一个自定义的进度条扩展组件，该组件支持渐变色效果。通过使用渐变色，我们可以为进度条增添更多的视觉吸引力和个性化。

实现这个组件需要以下步骤：

1. HTML 结构
   首先，我们需要一个HTML结构来容纳进度条。我们可以在文档中创建一个<div>元素，其中包含一个用于表示进度的子元素，如下所示：

<div id="progress-bar">