jQuery загружает текст из файла в область и обновляется автоматически

Question

Я пытаюсь загрузить текст из txt-файла в div с помощью jQuery:

function readtxtFile() {
    jQuery.ajax({
      url: "slots.txt",
      dataType: "text",
      success: function(data) {
        var lines = data.split(':'),
          htmlLines = '<span>' + lines.join('</span>') + '';

        jQuery(".marquee div").html(htmlLines);
        setTimeout(readtxtFile, 5000);
      }
    });
}

    jQuery(document).ready(function() {
    readtxtFile();
});

Это работает нормально, и div обновляется, если я сохраняю txt-файл с новой информацией.Но теперь я хочу, чтобы div стал прокручиваемым div (ticker) / (oldschool marquee), поэтому я подумал, что это можно сделать с помощью CSS3:

.marquee {
    position : relative;
    box-sizing: border-box;
    animation : marquee 25s linear infinite;
    margin: 0;
    padding : 10px 0;
    overflow: hidden;
    white-space: nowrap;
    width: 650px;
}

.marquee span {
    position : absolute;
    top : 0;
    left : 0;
    background : #000000;
    padding : 10px;
    color : #FFFFFF;
    text-indent : 0 !important;
}

@keyframes marquee {
    0%   { text-indent: 30em }
    100% { text-indent: -300% }
}

Это работает, но проблема в том, что у вас есть тольконемного текста в текстовом файле или большое количество слов, тогда он больше не работает, потому что текстовый отступ не подходит для такой длины текста.

Так кто-нибудь знает хитрость, что это будет работатьвсегда ли это просто 2 слова или 100 слов?