横棒ランキンググラフ(順位バッジ付き)

<ul class="d05-12-05-list">
          <li><span class="d05-12-05-rank d05-12-05-r1">1</span><span class="d05-12-05-name">商品A</span><span class="d05-12-05-track"><span class="d05-12-05-bar d05-12-05-w1"></span></span><span class="d05-12-05-val">92</span></li>
          <li><span class="d05-12-05-rank d05-12-05-r2">2</span><span class="d05-12-05-name">商品B</span><span class="d05-12-05-track"><span class="d05-12-05-bar d05-12-05-w2"></span></span><span class="d05-12-05-val">78</span></li>
          <li><span class="d05-12-05-rank d05-12-05-r3">3</span><span class="d05-12-05-name">商品C</span><span class="d05-12-05-track"><span class="d05-12-05-bar d05-12-05-w3"></span></span><span class="d05-12-05-val">65</span></li>
          <li><span class="d05-12-05-rank d05-12-05-r4">4</span><span class="d05-12-05-name">商品D</span><span class="d05-12-05-track"><span class="d05-12-05-bar d05-12-05-w4"></span></span><span class="d05-12-05-val">41</span></li>
        </ul>

.d05-12-05{padding:20px;align-items:stretch}
        .d05-12-05-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:11px}
        .d05-12-05-list li{display:grid;grid-template-columns:22px 56px 1fr 30px;align-items:center;gap:8px}
        .d05-12-05-rank{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:10.5px;font-weight:800;color:#fff;background:#94a3b8}
        .d05-12-05-r1{background:#f59e0b}
        .d05-12-05-r2{background:#94a3b8}
        .d05-12-05-r3{background:#b45309}
        .d05-12-05-r4{background:#cbd5e1;color:#64748b}
        .d05-12-05-name{font-size:11px;color:#475569;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
        .d05-12-05-track{height:9px;border-radius:5px;background:#f1f5f9;overflow:hidden}
        .d05-12-05-bar{display:block;height:100%;border-radius:5px;background:#6366f1}
        .d05-12-05-w1{width:92%}
        .d05-12-05-w2{width:78%}
        .d05-12-05-w3{width:65%}
        .d05-12-05-w4{width:41%}
        .d05-12-05-val{font-size:11px;font-weight:700;color:#1e293b;text-align:right}