玉：翻译引导进度条代码转换成玉格式

Question

所以我想实现以下到我的玉模板：

<div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"> 
    <span class="sr-only">45% Complete</span> 
</div> 

这是进度条片段之一。我想翻译成玉这一点，这是我想出给出的documentation：

div(class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%") 
    span(class="sr-only")45% Complete 

我也看了，对于类你可以做，例如：

div.progress-bar progress-bar striped active 

但什么关于其他属性？无论如何，我需要帮助将上面的html转换为正确的jade格式。非常感谢您的帮助。

Answer 1

如果我是对的，Jade根据Haml and Slim。如果是这样的话，你应该能够将这些类串起来，例如div.progress-bar.progress-bar.striped.active。此外，你可能不需要开始div，使其.progress-bar.progress-bar.striped.active。

其他属性必须以您已经在做的方式完成。 因此，最终的代码块将是

.progress-bar.progress-bar.striped.active(role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%") 
    span.sr-only 45% Complete