因为最近需要做一个订单进度条，比较直观的反映当前订单的状态。 css样式借鉴了网上的相关代码。 不多解释，1.css样式：/*进度条开始*/```上面的代码中，我们首先创建一个`.video-container`类作为视频容器的样式。 通过设置容器的长度和相对位置，我们可以控制视频的显示位置和大小。 随后，在 .video-containervideo 类中css3加载进度条，我们将视频元素的长度设置为 100%，以确保它填充整个容器。 接下来，我们使用伪元素选择器 `::-webkit-media-controls` 和 `::-webkit-media-controls-enclosure` 来隐藏视频的默认控制栏和内部包装器。 通过将“display”设置为“none”，我们隐藏了默认的控制栏。 通过将“overflow”设置为“hidden”，并将长度和高度设置为0css3加载进度条，我们隐藏了内部包装器。 最后，我们使用 HTML 中的 `` 元素添加视频，并通过设置 `controls` 属性启用视频的默认控制栏。 在示例中，我们将视频文件设置为 `src="video.mp4"`。 这样，您就可以通过在 CSS 中隐藏视频的进度条和按钮来自定义视频播放器的样式。 请注意，不同的浏览器可能使用不同的前缀来隐藏默认控制栏，您可能需要根据需要进行调整。
