《鸿蒙JS应用开发》

项目4类Web开发范式组件

4.3.5

任务

掌握进度条组件的使用

学习如何使用不同类型的进度条组件，并通过样式自定义进度条的外观。

任务陈述

▲在开发过程中，进度条是一个常用组件，它可以清晰地向用户展示任务的完成程度或加载进度。

任务目标

理解并能使用不同类型的进度条组件。

能通过样式自定义进度条的外观。

理解进度条的基本属性及其应用。

熟悉基本的HTML和CSS语法。

熟悉基本的组件属性设置和样式自定义。

知识准备

hml代码实现

01

hml代码

鸿蒙提供了多种不同类型的进度条组件，例如scale-ring，horizontal，arc，ring。每种类