vue 环形进度条滑动

引用是一个小程序的wxml代码，其中包含了两个圆环进度条的实例。每个圆环进度条组件被包裹在一个view标签中，并设置了相应的属性，如canvasWidth、value、valueColor和lineWidth等。引用是该小程序的目录结构图，其中包含了使用到的组件circle的路径。引用是该小程序的js代码，其中使用setInterval函数每隔1秒更新了两个圆环进度条的值per和per1。

根据提供的信息，我了解到你想实现一个vue环形进度条滑动的效果。在Vue中，你可以使用第三方库或者自定义组件来实现这个效果。一个常见的库是vue-circle-progress，它提供了一个圆环进度条组件可以实现滑动效果。你可以按照该库的文档来安装和使用该组件。

另外，你也可以自定义一个组件来实现环形进度条的滑动效果。你可以使用Vue的transition和animation属性来实现动画效果，并通过改变数据的值来实现进度条的滑动。

希望这些信息对你有帮助，如果你需要更详细的代码实现或者其他信息，请提供更多的上下文。<em>1</em><em>2</em><em>3</em>
#### 引用[.reference_title]
- *1* *2* *3* [微信小程序环形进度条模块](https://blog.csdn.net/weixin_46043195/article/details/126305486)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]