Components.ProgressCircular.
商店
企业版
生态系统
支持
介绍
入门指南
定制
样式和动画
UI 组件
API explorer（API 概览）
Browse components（浏览组件）
Alerts（提示框）
Application（应用程序）
Aspect ratios（长宽比）
Avatars（头像）
Badges（徽章）
Banners（横幅）
Bars（栏）
Bottom navigation（底部导航栏）
Bottom sheets（底部表单）
Breadcrumbs（面包屑导航）
Buttons（按钮）
Buttons: Floating action buttons（按钮：浮动按钮）
Calendars（日历）
Cards（卡片）
Carousels（轮播）
Chips（纸片）
Dialogs（对话框）
Dividers（分隔线）
Expansion panels（扩展面板）
Footer（页脚）
Form inputs & controls（表单和控制）
Grids（栅格）
Groups（组）
Hover（悬停）
Icons（图标）
Images（图像）
Lazy（懒加载）
Lists（列表）
Menus（菜单）
Navigation drawers（导航抽屉）
Overlays（遮罩层）
Paginations（分页）
Parallax（视差）
Pickers（选择器）
Progress（进度条）
Circular（进度环）
Linear（进度线）
Ratings（评分）
Sheets（延展纸）
Skeleton Loaders（骨架装载器）
Snackbars（消息条）
Sparklines（迷你图表）
Steppers（步骤条）
Subheaders（副标题）
Tables（表格）
Tabs（选项卡）
Timelines（时间线）
Tooltips（提示）
Treeview（树形视图）
Virtual scrollers
Directives（指令）
专业支持
付费主题
Vue 工作
v-progress-circular 组件用于将数据环传递给用户。 也可以将其置于不确定状态来描述加载。
v-progress-circular
默认情况下，进度圆环使用应用程序辅助色彩。
从下面选择您想要的组件，并查看可用的属性、插槽、事件和函数。
已弃用 - 待删除
将指定的颜色应用于控件 - 它可以是 material color 的名称（例如 success 或者 purple）或 css 颜色 (#033 或 rgba(255, 0, 0, 0.5))。 你可以在 colors page 中找到内置类的列表。
success
purple
#033
rgba(255, 0, 0, 0.5)
恒定动画，加载进度未知时使用。
以度为单位旋转圆的起点
设置圆的直径（以像素为单位）
当前进度的百分比值
以像素为单位设置圆的笔触
默认Vue 插槽。
{ value: number }
all .2s ease-in-out !default;
all .6s ease-in-out !default;
progress-circular-rotate 1.4s linear infinite !default;
progress-circular-dash 1.4s ease-in-out infinite !default;
rgba(map-get($shades, 'black'), 0.1) !default;
下面是一些简单到复杂的例子。
可以使用 color 属性将其他颜色应用于 v-progress-circular。
color
使用 indeterminate 属性，一个 v-progress-circular 继续无限地进行动画处理。
indeterminate
size 和 width 属性使您可以轻松更改 v-progress-circular 组件的大小和宽度。
size
width
rotate 属性使您能够自定义 v-progress-circular 的原点。
rotate
想要了解更多？继续阅读：
在此页面上