把元素放在進度條頂部的另一個右邊

Question

我正在用jquery mobile製作一個progressbar。有上預示着什麼的進度和該元素的位置的最上面的一個指示是指：

下面是代碼：

<div class="ui-slider ui-btn-down-c ui-btn-corner-all" style="border:none; margin:8px 0 0 0;"> 
<div class="ui-slider-bg ui-btn-active ui-btn-corner-all progressBarBackground " style="width: 0.56%; height:100%; padding:0; border:none"> 
</div> 
<span style="left: 50%;display:block; position:absolute;top:-20px;font-size:12px;"> 
↓ Initial text (arrow don't move) 
</span> 
</div> 

我如何添加一個文本在指示文字沒有改變初始文字的位置？

如果我在「↓ Initial text (arrow don't move)」之前加上「Append text」，箭頭將移動「Append text」所佔用的空間！

預先感謝使用span:before { content:"Append text"; }

只要確保跨度要到了對CSS的引用ID或類文本追加你的幫助

Answer 1

嘗試。