Javascript 旋转滑块WordPress中的进度条

我找到了使我的进度条看起来像我需要的代码。一切正常。但我需要使整个进度条宽度减半主页。我尝试在一个分区中添加所有跨度，并使该分区的宽度为50-60%，但这没有帮助。需要一些帮助吗，谢谢你可以使用jQuerys function.wrapAll将span元素包装到父容器中。给这个新容器一个类，并将位置设置为绝对，将左偏移设置为25%，将右偏移设置为25%

//JS

---

你能分享一些代码吗？为了清楚起见，您希望进度条的跨度加在一起为滑块宽度的50%？是的，所有跨度加在一起为滑块宽度的50%。请阅读，然后相应地编辑您的问题。不，抱歉，这不起作用。请停止代码，让进度条一张一张地显示在一张幻灯片中。您可以尝试将z索引添加到包装器中吗？当然，我尝试了，但没有帮到sory。这就是为什么回答完全不清楚且基于外部代码而不是@frederik的问题很复杂的原因很有可能被系统通过窗口自动删除：@brasofilo yea提供的链接中有一些代码，我尝试了。。。。

api.on('revolution.slide.onloaded', function() {

    var totalSlides = api.revmaxslide(),
        perc = parseFloat((100 / totalSlides).toFixed(2));

    for(var i = 0; i < totalSlides; i++) {

        progressSlots[i] = jQuery(
            '<span class="rev-progress-perc" ' + 
                  'style="width: ' + perc + '%; left: ' + (perc * i) + '%" ' + 
                  'data-slide="' + i + '" ' + 
            '/>'
        );

    }

    progressSlots.wrapAll('slots-wrapper');

    api.append(progressSlots);
    progressBar = jQuery('.tp-bannertimer');
    progressSlots = jQuery('.rev-progress-perc').on('click', changeSlides);

})
...

.slots-wrapper{
    position: absolute;
    z-index:99;
    bottom: 0;
    left: 25%; right: 25%;
}