html,如何简单创建一个进度条

 时间:2024-10-12 23:35:05

1、首先我们需要在自己的页面上引入对应的脚本文件和样式文件。

html,如何简单创建一个进度条

3、最后,我们在html里添加二个div,如图,要对应上样式名。第一个div就是进度条的外层,第二个div则是进度条有颜色的当前进度。

html,如何简单创建一个进度条

5、通过修改样式名,我们可以更改进度条的颜色,比如把layui-bg-red 改变layui-bg-green,就可以将其由红色变成绿色了,大多剞麽苍足数的颜色英文名都可以支持。另外lay-percent属性可以设置进度条的进度,比如改成70%。

html,如何简单创建一个进度条

7、再在父div上添加一个lay-showPercent的属性,可以让进度条显示出具体的百分比信息来。

html,如何简单创建一个进度条
  • 设置div中的div居中显示
  • css如何让div内的文字居中对齐
  • 将本地图片设置为div的背景图片
  • HTML中怎么实现换行?
  • js控制div背景图片随机变换效果
  • 热门搜索
    花蛤的做法大全 桃胶雪燕皂角米的做法 标书怎么做 豆干的做法 淡奶油的做法 营养早餐的做法 口腔溃疡怎么办 睡不着怎么办 鹅肉的做法大全 牙齿痛怎么快速止痛