.d-container {
  position: relative;
  padding: 12px 8px 0;
  background-color: #000;

  .d-triangle {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;
    position: absolute;
    top: 0;
    left: 0;
  }

  .d-inner {
    width: 100px;
    height: 10px;
    background-image: linear-gradient(90deg, rgba(#289d5b, 1) 0%, rgba(#289d5b, 1) 50%, rgba(#ffd000, 1) 65%, rgba(#ff7800, 1) 80%, rgba(#f00, 1) 90%, rgba(#c70000, 1) 100%);
  }
}