如何摆脱进度指示器？

Question

我正在尝试通过 JS 为特定控件启动一个迷你弹出窗口。好吧，我承认这有点违背 intro 的目的，但在该页面上确实只有一个控件可以 "deserve" 这种处理方式。因此，标准介绍的导航控件、数字和进度指示器在那里没有意义。

我遵循了 doc 并成功地使用以下方法消除了数字 showStepNumbers: false, 然而，

 showProgress: false,

as 似乎没有按照记录工作。我是不是遗漏了什么或者是错误？

Fiddle.

Answer 1

也许您错过了 showBullets 个选项！

有一些选项可以玩：

function showHelp()
{
var intro = introJs();
        intro.setOptions ( {
 showStepNumbers: document.getElementById('showStepNumbers').checked,
 showProgress: document.getElementById('showProgress').checked,
 showBullets: document.getElementById('showBullets').checked,
 steps: [
           {
 intro: "I really mean it!",
 element: document.querySelector ( '#bla' )
           }
           ]
        } );
        intro.start();
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/intro.js/2.7.0/introjs.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intro.js/2.7.0/intro.min.js"></script>
<div id="bla">
Hello World!
</div>
<button onclick="showHelp()">
Help!
</button>
<hr />
showStepNumbers:<input type="checkbox" id="showStepNumbers" /> &nbsp;
showProgress:<input type="checkbox" id="showProgress" /> &nbsp;
showBullets:<input type="checkbox" id="showBullets" />

如何摆脱进度指示器？

How to get rid of progress-indicator?

intro.js