要实现一个背景色左右白色中间灰色的渐变色条，可以使用CSS的线性渐变（linear-gradient）。以下是一个示例代码，展示如何在CSS中实现这种效果：

.gradient-bar {
    width: 100%; /* 设置宽度为100%，可以根据需要调整 */
    height: 10px; /* 设置高度，可以根据需要调整 */
    background: linear-gradient(to right, white 0%, white 30%, gray 30%, gray 70%, white 70%, white 100%);
}

在这个示例中：

• linear-gradient(to right, ...) 表示从左到右的渐变。
• white 0%, white 30% 表示从0%到30%的位置是白色。
• gray 30%, gray 70% 表示从30%到70%的位置是灰色。
• white 70%, white 100% 表示从70%到100%的位置是白色。

你可以根据需要调整颜色和百分比，以达到你想要的效果。将这个类应用到你想要添加渐变色条的HTML元素上即可。

例如，在HTML中使用：

<div class="gradient-bar"></div>

这样就可以在页面上显示一个左右白色中间灰色的渐变色条。