WPF 控件 (十一、进度条)

最新推荐文章于 2024-05-08 09:50:04 发布
最新推荐文章于 2024-05-08 09:50:04 发布
阅读量1k 收藏 3
点赞数
文章标签： wpf c# ui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyrics1996/article/details/130141145
版权

一、style

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    
    <SolidColorBrush x:Key="ProgressBar.Progress" Color="#FF06B025"/>
    <SolidColorBrush x:Key="ProgressBar.Background" Color="#FFE6E6E6"/>
    <SolidColorBrush x:Key="ProgressBar.Border" Color="#FFBCBCBC"/>
    <Style x:Key="ProgressBarStyle1" TargetType="{x:Type ProgressBar}">
        <Setter Property="Foreground" Value="{StaticResource ProgressBar.Progress}"/>
        <Setter Property="Background" Value="{StaticResource ProgressBar.Background}"/>
        <Setter Property="BorderBrush" Value="{StaticResource ProgressBar.Border}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ProgressBar}">
                    <Grid x:Name="TemplateRoot">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Determinate"/>
                                <VisualState x:Name="Indeterminate">
                                    <Storyboard RepeatBehavior="Forever">
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Animation" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                                            <EasingDoubleKeyFrame KeyTime="0" Value="0.25"/>
                                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.25"/>
                                            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="0.25"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <PointAnimationUsingKeyFrames Storyboard.TargetName="Animation" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)">
                                            <EasingPointKeyFrame KeyTime="0" Value="-0.5,0.5"/>
                                            <EasingPointKeyFrame KeyTime="0:0:1" Value="0.5,0.5"/>
                                            <EasingPointKeyFrame KeyTime="0:0:2" Value="1.5,0.5"/>
                                        </PointAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
                        <Rectangle x:Name="PART_Track"/>
                        <Grid x:Name="PART_Indicator" ClipToBounds="true" HorizontalAlignment="Left">
                            <Border x:Name="Indicator" CornerRadius="10" Background="{TemplateBinding Foreground}"/>
                            <Border x:Name="Animation" CornerRadius="10" Background="{TemplateBinding Foreground}" RenderTransformOrigin="0.5,0.5">
                                <Border.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Border.RenderTransform>
                            </Border>
                            <TextBlock Text="{Binding RelativeSource={RelativeSource TemplatedParent},Path=Value,StringFormat={}{0}%}" Foreground="White" HorizontalAlignment="Center"/>
                        </Grid>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Orientation" Value="Vertical">
                            <Setter Property="LayoutTransform" TargetName="TemplateRoot">
                                <Setter.Value>
                                    <RotateTransform Angle="-90"/>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="IsIndeterminate" Value="true">
                            <Setter Property="Visibility" TargetName="Indicator" Value="Collapsed"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ProgressBarStyle2" TargetType="{x:Type ProgressBar}">
        <Setter Property="Foreground" Value="{StaticResource ProgressBar.Progress}"/>
        <Setter Property="Background" Value="{StaticResource ProgressBar.Background}"/>
        <Setter Property="BorderBrush" Value="{StaticResource ProgressBar.Border}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ProgressBar}">
                    <Grid x:Name="TemplateRoot">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Determinate"/>
                                <VisualState x:Name="Indeterminate">
                                    <Storyboard RepeatBehavior="Forever">
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Animation" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                                            <EasingDoubleKeyFrame KeyTime="0" Value="0.25"/>
                                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.25"/>
                                            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="0.25"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <PointAnimationUsingKeyFrames Storyboard.TargetName="Animation" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)">
                                            <EasingPointKeyFrame KeyTime="0" Value="-0.5,0.5"/>
                                            <EasingPointKeyFrame KeyTime="0:0:1" Value="0.5,0.5"/>
                                            <EasingPointKeyFrame KeyTime="0:0:2" Value="1.5,0.5"/>
                                        </PointAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
                        <Rectangle x:Name="PART_Track"/>
                        <Grid x:Name="PART_Indicator" ClipToBounds="true" HorizontalAlignment="Left">
                            <Border x:Name="Indicator" CornerRadius="10">
                                <Border.Background>
                                    <LinearGradientBrush>
                                        <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent},Path=Foreground}"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                            </Border>
                            
                            <Border x:Name="Animation" CornerRadius="10" RenderTransformOrigin="0.5,0.5">
                                <Border.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Border.RenderTransform>
                                <Border.Background>
                                    <LinearGradientBrush>
                                        <GradientStop Color="Green" Offset="0"/>
                                        <GradientStop Color="Aqua" Offset="0.3"/>
                                        <GradientStop Color="Purple" Offset="0.5"/>
                                        <GradientStop Color="Blue" Offset="0.7"/>
                                        <GradientStop Color="Red" Offset="0.9"/>
                                    </LinearGradientBrush>
                                </Border.Background>
                            </Border>
                            <TextBlock Text="{Binding RelativeSource={RelativeSource TemplatedParent},Path=Value,StringFormat={}{0}%}" Foreground="White" HorizontalAlignment="Center"/>
                        </Grid>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Orientation" Value="Vertical">
                            <Setter Property="LayoutTransform" TargetName="TemplateRoot">
                                <Setter.Value>
                                    <RotateTransform Angle="-90"/>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="IsIndeterminate" Value="true">
                            <Setter Property="Visibility" TargetName="Indicator" Value="Collapsed"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

    <Style x:Key="ProgressBarStyle3" TargetType="{x:Type ProgressBar}">
        <Setter Property="Foreground" Value="{StaticResource ProgressBar.Progress}"/>
        <Setter Property="Background" >
            <Setter.Value>
                <LinearGradientBrush>
                    <GradientStop Color="Green" Offset="0"/>
                    <GradientStop Color="Aqua" Offset="0.3"/>
                    <GradientStop Color="Purple" Offset="0.5"/>
                    <GradientStop Color="Blue" Offset="0.7"/>
                    <GradientStop Color="Red" Offset="0.9"/>
                </LinearGradientBrush>
            </Setter.Value>
        </Setter>
        <Setter Property="BorderBrush" Value="{StaticResource ProgressBar.Border}"/>
        <Setter Property="BorderThickness" Value="1"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type ProgressBar}">
                    <Grid x:Name="TemplateRoot">
                        <VisualStateManager.VisualStateGroups>
                            <VisualStateGroup x:Name="CommonStates">
                                <VisualState x:Name="Determinate"/>
                                <VisualState x:Name="Indeterminate">
                                    <Storyboard RepeatBehavior="Forever">
                                        <DoubleAnimationUsingKeyFrames Storyboard.TargetName="Animation" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)">
                                            <EasingDoubleKeyFrame KeyTime="0" Value="0.25"/>
                                            <EasingDoubleKeyFrame KeyTime="0:0:1" Value="0.25"/>
                                            <EasingDoubleKeyFrame KeyTime="0:0:2" Value="0.25"/>
                                        </DoubleAnimationUsingKeyFrames>
                                        <PointAnimationUsingKeyFrames Storyboard.TargetName="Animation" Storyboard.TargetProperty="(UIElement.RenderTransformOrigin)">
                                            <EasingPointKeyFrame KeyTime="0" Value="-0.5,0.5"/>
                                            <EasingPointKeyFrame KeyTime="0:0:1" Value="0.5,0.5"/>
                                            <EasingPointKeyFrame KeyTime="0:0:2" Value="1.5,0.5"/>
                                        </PointAnimationUsingKeyFrames>
                                    </Storyboard>
                                </VisualState>
                            </VisualStateGroup>
                        </VisualStateManager.VisualStateGroups>
                        <Border CornerRadius="10" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"/>
                        <Rectangle x:Name="PART_Track"/>
                        <Grid x:Name="PART_Indicator" ClipToBounds="true" HorizontalAlignment="Left">
                            <Border Opacity="0.3" x:Name="Indicator" CornerRadius="10" Background="{TemplateBinding Foreground}">
                            </Border>

                            <Border Opacity="0.3" x:Name="Animation" CornerRadius="10" RenderTransformOrigin="0.5,0.5" Background="{TemplateBinding Foreground}">
                                <Border.RenderTransform>
                                    <TransformGroup>
                                        <ScaleTransform/>
                                        <SkewTransform/>
                                        <RotateTransform/>
                                        <TranslateTransform/>
                                    </TransformGroup>
                                </Border.RenderTransform>
                            </Border>
                            <TextBlock Text="{Binding RelativeSource={RelativeSource TemplatedParent},Path=Value,StringFormat={}{0}%}" Foreground="White" HorizontalAlignment="Center"/>
                        </Grid>
                    </Grid>
                    <ControlTemplate.Triggers>
                        <Trigger Property="Orientation" Value="Vertical">
                            <Setter Property="LayoutTransform" TargetName="TemplateRoot">
                                <Setter.Value>
                                    <RotateTransform Angle="-90"/>
                                </Setter.Value>
                            </Setter>
                        </Trigger>
                        <Trigger Property="IsIndeterminate" Value="true">
                            <Setter Property="Visibility" TargetName="Indicator" Value="Collapsed"/>
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</ResourceDictionary>

二、Demo

 <WrapPanel>
            <StackPanel Orientation="Horizontal" Margin="10">
                <TextBlock Text="默认:"/>
                <ProgressBar Width="100" Value="50"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="10">
                <TextBlock Text="修改前景色:"/>
                <ProgressBar Width="100" Value="50" Foreground="Blue"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="10">
                <TextBlock Text="修改背景色:"/>
                <ProgressBar Width="100" Value="50" Foreground="Blue" Background="Black"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="10">
                <TextBlock Text="增加圆角和进度显示:"/>
                <ProgressBar Style="{DynamicResource ProgressBarStyle1}" Width="100" Value="50" Foreground="Purple"  />
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="10">
                <TextBlock Text="修改内部进度样式:"/>
                <ProgressBar Style="{DynamicResource ProgressBarStyle2}" Width="100" Value="70" Foreground="Aqua"  />
            </StackPanel>
            <StackPanel Orientation="Horizontal" Margin="10">
                <TextBlock Text="修改内部进度样式:"/>
                <ProgressBar Style="{DynamicResource ProgressBarStyle3}" Width="100" Value="70" Foreground="Gray"  />
            </StackPanel>
        </WrapPanel>

三、效果

在这里插入图片描述

LyRics1996
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF进度条功能
qq_42538588的博客
09-06 1996
进度条是一种常见的UI控件，用于显示任务或操作的完成进度。在许多应用程序中，进度条被广泛用于表示正在进行的任务的状态以及预计完成任务所需的时间。在WPF中，ProgressBar控件是一种常用的实现进度条的方式。它允许用户以可视化方式跟踪任务的进度，并能够提供有关当前进度的信息。使用ProgressBar控件非常简单。只需要将其添加到窗口或面板上，然后设置其最小值、最大值和当前值即可。当用户执行某个任务时，可以使用线程或异步方法更新进度条的值，以便用户可以实时了解任务的进展情况。
C# - WPF实战：线程化复制文件并显示进度条（当然C#的WinForm也可以实现，只需小小的改动一下）
HXLyxx
12-15 2337
C# - WPF实战：线程化复制文件并显示进度条（当然C#的WinForm也可以实现，只需小小的改动一下）
WPF/C#：ProgressBar的基本使用
最新发布
mingupup的博客
05-08 952
本文介绍了WPF/C#中ProgressBar控件的基本使用，该控件有两种使用方式，分别为确实模式与不确定模式，确实模式就是知道进度是如何变化的，不确定模式就是不确定进度的变化情况，进度条一直在动，由于自带的ProgressBar只有条形的，可能无法满足日常的开发需求，因此跟大家介绍了HandyControl中ProgressBar的用法，在HandyControl的进度条有其他样式。希望对正在学习WPF的同学有所帮助。
WPF创建进度条
故里2130
11-28 1103
关键点就是要对max的值进行判断，如果大于100和小于100的话，显示是不一样的，主要是因为进度条的值是100，要相对的扩大或者缩小，那么界面上显示的数据变化就是一样的。功能就是点击按钮，后台处理数据，前台显示处理数据的变化，当然还可以对进度条进行美化和关闭的操作，等待后台处理完毕数据，然后自动关闭。5.ProgressBarStyle.xaml，最后就是对进度条的美化样式。使用wpf做一个原生的进度条，进度条上面有值，先看效果。4.MainWindow.xaml.cs的代码。其中最重要的就是Task。
WPF两侧圆角进度条ProgressBar
qq_44941793的博客
06-18 699
WPF两侧圆角进度条ProgressBar xaml样式 <Style x:Key="ProgressBarStyle" TargetType="{x:Type ProgressBar}"> <Setter Property="Foreground" Value="#F2F2F2"/> <Setter Property="Background" Value="White"/> <Setter P
WPF好看的进度条实现浅谈（效果有点类似VS2012安装界面）
weixin_30896763的博客
06-08 382
　　为了界面友好，一般的操作时间较长时，都需要增加进度条提示。由于WPF自带的进度条其实不怎么好看，而且没啥视觉效果。后来，装VS2012时，发现安装过程中进度条效果不错，于是上网查了资料。学习了ModernUI（开源的），地址：https://github.com/firstfloorsoftware/mui。 　　后来，做了尝试写了个Demo，效果不错。另外，专门录制了tif文件，方便大家看...
WPF MVVM 实现进度条
10-28
在WPF中，进度条通常用ProgressBar控件来表示。要实现进度条，我们首先需要在ViewModel中创建一个表示进度的属性，例如`ProgressValue`。这个属性通常是一个`double`类型，范围从0.0到1.0，代表进度的百分比。 ```...
一个自定义的WPF进度条控件
04-26
总之，创建一个自定义的WPF进度条控件，结合遮罩层，是提高用户体验的有效方式。它不仅展示了WPF的灵活性，还体现了开发者对用户界面设计的细致入微。通过学习并实践这样的案例，开发者可以提升自己的WPF编程技能，...
WPF 圆型进度条效果
07-22
首先，我们需要了解WPF中的进度条控件（ProgressBar）。默认情况下，它呈现为一个水平条，但通过自定义样式和模板，我们可以将其改造成圆形。这涉及到修改控件的ControlTemplate。 1. **创建自定义样式** 在你的...
WPF自定义进度条控件，横竖都有
11-23
在本文中，我们将深入探讨如何在Windows Presentation Foundation (WPF) 中自定义进度条控件，以实现横置和竖置两种显示方式。WPF 是.NET Framework 的一部分，它为开发人员提供了丰富的用户界面（UI）框架，支持2D...
WPF实现的圆形进度条
03-16
1. **创建用户控件(UserControl)**：在WPF项目中创建一个新的用户控件，这将是我们的圆形进度条类。 2. **设计XAML布局**：在XAML文件中，定义`ControlTemplate`来构建圆形进度条的外观。使用`Path`元素绘制圆形...
WPF实现进度条实时更新效果
10-17
主要为大家详细介绍了WPF实现进度条实时更新效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
WPF复制文件并显示进度条
11-27
WPF复制文件并显示进度条,带文档说明，很不错哦
WPF实现ProgressBar气泡显示进度值
01-03
主要是做了个ProgressBar气泡的气泡样式，然后重写ProgressBar，加了个依赖属性，很简单，大家可以down来研究，用blend打开来看比较直观。
WPF 进度条
Empty_Android的博客
12-14 1727
委托实现进度条的刷新 实现效果 1. 解决方案   2. 代码 Mainwindow.xaml.cs using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading; using System.Windows; usin...
WPF ProgressBar显示进度（二）
sunny906的专栏
06-25 5854
接下来，我们采用绑定来实现进度条的显示
WPF编程，当处理耗时业务时前台显示一个进度条，指示进度的一种方法。
君一席
07-13 2092
前台定义一个ProgressBar，默认隐藏，进入耗时业务时，将其显示并对其动态赋值。耗时业务结束后，将控件重新隐藏。 1、前台定义ProgressBar <ProgressBar Height="20" Visibility="Collapsed" HorizontalAli...
在ProgressBar上加文字----显示百分比的进度条
12-29 211
一般的ProgressBar都只是一个光光的条（这里说的都是水平进度条），虽然比不用进度条时给用户的感觉要好，但是如果在形像化的东西上面再加上点文字，将进度描述量化，就可以让用户更加明白当前进度是多少了。 　　有了需求，就可以开始实现了。 　　这里的原理就是继承一个ProgressBar，然后重写里面的onDraw()方法。 　　不多说，直接上码。（下面代码中的packagehol.test...
WPF 实现圆形进度条
dotNET跨平台
01-04 804
WPF 实现圆形进度条控件名：CircularProgressBar作 者：WPFDevelopersOrg - 驚鏵原文链接[1]：https://github.com/WPFDevelopersOrg/WPFDevelopers框架使用.NET40；Visual Studio 2019;CircularProgressBar 继承 ProgressBar，在 XAML 中创建两个 Pa...
wpf 环形虚线进度条
06-30
### 回答1： WPF环形虚线进度条是一种以圆形形式展示进度的控件。在WPF中，可以使用Ellipse（椭圆）和Path（路径）来创建环形虚线效果。 首先，我们可以在XAML中添加一个Ellipse元素作为背景圆形，并设置其宽度、高度、填充颜色等属性来定义进度条的样式。 接着，我们可以使用Path元素来创建环形虚线效果。虚线的形状可以通过设置路径数据来定义。例如，可以使用LineSegment（线段）和ArcSegment（弧段）来绘制虚线的路径。 然后，使用DoubleAnimation进行动画效果的实现。可以通过设置动画的起始值和结束值来控制进度条的动态变化。通过设置动画的插值函数，可以使进度条以流畅的方式过渡。 最后，在代码中可以根据实际需要来更新进度条的值，从而实现进度的动态显示。可以通过通过绑定ProgressBar或者自定义一个依赖属性来实现。 总之，WPF环形虚线进度条可以通过控制Ellipse和Path元素的样式、动画以及数值来实现。这种形式的进度条可以提供更加直观的用户体验，让用户清晰地了解任务的进展情况。 ### 回答2： WPF环形虚线进度条是一种用于展示进度的界面元素，其外观呈现环形，并且线条是虚线的效果。以下是实现该效果的方法： 首先，我们需要使用WPF的布局容器来创建一个环形的背景，并将其设置为透明。可以使用Canvas或Grid等容器来实现此目的。 其次，在环形背景上，我们可以使用Path元素来绘制虚线。Path元素可以使用Geometry绘制各种形状，包括虚线。我们可以使用LineGeometry来绘制一条直线，并设置其Stroke属性为虚线样式。 然后，我们可以使用Storyboard动画来控制虚线的显示进度。可以使用DoubleAnimation来控制虚线的起始和结束点，从而实现进度的动画效果。可以根据实际需求调整动画的速度、重复次数等属性。 最后，我们可以根据进度条的值来控制动画的触发。可以使用数据绑定将进度条的值绑定到动画的开始和结束点上，从而实现进度条随数据变化而更新动画进度。 总结来说，实现WPF环形虚线进度条需要使用布局容器、Path元素、动画和数据绑定等技术。通过合理设置这些组件的属性和关联关系，我们可以实现一个漂亮而实用的环形虚线进度条。 ### 回答3： WPF环形虚线进度条是一种在WPF应用程序中展示进度的视觉元素。它通常用于表示某个操作的完成程度或加载进度。环形虚线进度条具有以下特点： 1. 外观：环形虚线进度条呈现为一个圆环，通过一系列由虚线组成的元素来表示进度。它的背景可以是透明的或者设置为特定的颜色。 2. 进度显示：进度条上的虚线根据当前的操作进度进行显示。随着操作进展，虚线的数量和位置会发生变化，以反映出当前的进度。 3. 自定义：WPF环形虚线进度条可以通过样式和模板来进行自定义。可以调整虚线的样式、颜色、厚度等属性，以满足不同的设计需求。 4. 动画效果：在操作进行过程中，环形虚线进度条通常会配合动画效果，如旋转或者渐变变化。这样可以增加进度条的交互性和视觉吸引力。 使用WPF环形虚线进度条可以使用户更直观地了解操作的进度，提高用户体验。它适用于各种需要展示进度的应用场景，如文件上传、下载、数据处理等。通过合理设计，并结合其他视觉元素，可以使环形虚线进度条更加美观和有效地传达进度信息。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值