【Axure原型分享】输入框控制环形进度条

今天和大家分享输入框控制环形进度条的原型模版,效果包括:

  • 在输入框里输入进度条开始的百分比值,点击设置按钮后,进度条自动更新;

  • 点击开始按钮,环形进度条开始读取,中部百分比显示环形的读取进度;

  • 在读取过程中,点击暂停按钮,可以随时暂停,再次点击开始按钮后继续读取;

  • 读取完成后,点击重新开始按钮,可以从设置的初始值开始读取;

具体效果可以打开下方原型地址体验或者点击下方视频观看

【原型效果】

【Axure高保真原型】输入框控制环形进度条

【原型预览含下载地址】

https://axhub.im/ax9/0bdf7f8cc3fccbc4/#g=1&p=环形进度条(输入框控制)

相关推荐
小雨下雨的雨42 分钟前
Flutter 框架跨平台鸿蒙开发 —— GridView 控件之多维网格美学
flutter·华为·交互·harmonyos·鸿蒙系统
aitoolhub1 小时前
H5交互设计:从策划到上线的实用方法论与避坑要点
人工智能·计算机视觉·交互·视觉传达
小雨下雨的雨1 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:无限循环的 Banner 引擎
flutter·ui·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨3 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:虚拟列表与百万级数据性能巅峰
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨3 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:Sliver 视差滚动与沉浸式布局
flutter·华为·交互·harmonyos·鸿蒙系统
工业HMI实战笔记3 小时前
拯救HMI×施耐德电气|以AI重塑工业人机交互新范式
人工智能·ui·信息可视化·自动化·人机交互·交互
小雨下雨的雨4 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:卡片堆叠与叠放切换动效
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨4 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:分布式联动与多端状态同步
分布式·flutter·华为·交互·harmonyos·鸿蒙系统
lili-felicity4 小时前
React Native 鸿蒙跨平台开发:PanResponder 实现鸿蒙端组件的拖拽交互功能
react native·交互·harmonyos
小雨下雨的雨4 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:微动效与分段反馈设计
flutter·华为·交互·harmonyos·鸿蒙