「已注销」 2022-12-09 11:58 采纳率: 14.3%
浏览 33
已结题

vue预约活动进度条里程碑

使用的是vue2 做一个里程碑进度条
进度条随着人数增加而增加
求解答

img

  • 写回答

1条回答 默认 最新

  • 励志前端小黑哥 2022-12-09 13:36
    关注

    提供思路：

    1、用两个div，一个div叠在另一个之上，你图片里的就是一个黄色div（上层），一个灰色div（底层）

    2、根据人数计算出比例，控制上层div的宽度百分比，再结合overflow:hidden控制

    觉得有用请采纳！
    励志前端，CSDN唯一账号！关注我，带你了解更多前端知识！

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

  • vue怎么在进度条内实现 数字/数字 的样式 html5 vue.js 前端
    2022-11-15 10:45
    回答 2 已采纳 按照你 的说法 ，需要把百分比 转换成 分数？x/50 。可以用 formter自定义显示能容。 比如 进度条的10% 转换成 50*10%=5 那么 应该显示 5/50 上面这个 进度条的70%
  • vue-video-player 拖动进度条无效 vue.js
    2023-01-13 18:19
    回答 1 已采纳 可以尝试以下解决方案： 确保你使用了最新版本的vue-video-player插件，最新版本可能已经修复了这个问题 检查你的代码是否绑定了进度条的input事件检查你是否正确使用了vue-video-
  • vue前端获取后台小数显示问题 java vue.js 前端
    2023-02-10 11:02
    回答 4 已采纳 toFixed()方法可以啊
  • Vue实现带进度条的文件拖动上传功能
    2020-08-27 23:48
    Vue 实现带进度条的文件拖动上传功能 本文主要介绍了使用 Vue 实现带进度条的文件拖动上传功能，通过实例代码给大家介绍的非常详细，具有参考借鉴价值。下面是相关知识点的总结： 一、基本界面 在 HTML 结构中，...
  • vue前端页面基础反显 vue.js 前端
    2022-07-22 20:35
    回答 2 已采纳 你是指把表单里面的如库位名称，库位编码等反显出来吗？如果是，就在返回数据的地方使用如 this.form.locationName = res.locationName类似的语句。
  • 前端VUE async await 怎么不生效？ javascript vue.js 前端
    2022-06-29 17:13
    回答 2 已采纳 created 不能用async啊
  • VUE前端图表显示问题 vue.js 前端
    2023-01-30 16:37
    回答 1 已采纳 一个图800，两个图1600，你只要设置父元素宽度1600，超出直接overflow-x:scroll就可以了，这是最笨的办法，还有其他办法就是flex呗也行
  • 基于VUE步骤进度条样式代码
    2021-06-24 11:56
    通过分析这个项目，开发者可以学习如何在Vue.js环境中创建响应式且带有图标的步骤进度条，同时提升前端开发的技能，尤其是对Vue组件化开发的理解和实践。项目中的代码实现方式和设计思路将对理解上述知识点提供实际...
  • vue前端点击按钮删除 vue.js 前端 前端框架
    2023-03-08 14:09
    回答 3 已采纳 vue是数据控制页面 。你这个应该是v-for 渲染出来的 ，点击时 给事件传个 id值（唯一的不重复），然后 数据 源做个 filter过滤
  • Vue 前端代码报错的问题 vue.js 前端
    2022-03-01 10:39
    回答 2 已采纳 多套了一层function 你现在如果想要使用的话得是waitCordovaReady()().then
  • 前端vue过滤数据问题 vue.js 前端 前端框架
    2023-01-16 15:30
    回答 3 已采纳 例如，res.result.records是个数组对象，其中有一个属性collect为1代表已收藏，为0代表未收藏，则第五行代码可以修改为 this.scdata=res.result.r
  • vue 页面加载进度条组件实例
    2020-08-28 01:50
    Vue 页面加载进度条组件实例 本文主要讲解了如何实现 Vue 中的页面加载进度条组件...10. 前端开发中的难点：在上面的代码中，我们可以看到前端开发中的难点，例如如何统计进度条的进度、如何监控资源的加载情况等。
  • vue自定义进度条
    2018-09-30 17:46
    这是一个使用vue动态开发的进度条的小例子，里面同时涵盖了多种样式的属性值动态改变的方法。
  • 半圆形进度条(vue加强版)
    2021-01-08 08:32
    半环形进度条DEMO 10 20 30 40 50 60 70 80 90 100 export default { data() { return { canvas:'', percent:'', ctx:'', circleX:'', circleY:'', radius:'', cradius:'', lineWidth:''...
  • vue上传文件纯前端实现进度条
    2023-03-28 18:10
    前端vue的博客 vue上传文件纯前端实现进度条。附：el-progress整体封装。
  • 没有解决我的问题, 去提问

问题事件

  • 系统已结题 12月30日
  • 已采纳回答 12月22日
  • 创建了问题 12月9日

悬赏问题

  • ¥15 用verilog实现tanh函数和softplus函数
  • ¥15 求京东批量付款能替代天诚
  • ¥15 slaris 系统断电后，重新开机后一直自动重启
  • ¥15 51寻迹小车定点寻迹
  • ¥15 谁能帮我看看这拒稿理由啥意思啊阿啊
  • ¥15 关于vue2中methods使用call修改this指向的问题
  • ¥15 idea自动补全键位冲突
  • ¥15 请教一下写代码，代码好难
  • ¥15 iis10中如何阻止别人网站重定向到我的网站
  • ¥15 滑块验证码移动速度不一致问题