文字にフィットするアンダーラインの作り方

参考ですが、
文字にフィットするようにアンダーラインの長さを自動で調整する方法です。
下記リンクの背景の代わりにアンダーラインにします。
テロップ作成について - Adobe Support Community - 13170150 

テキストレイヤーのアンカーポイントを左下に配置するエクスプレッション。

let h = thisLayer.sourceRectAtTime().height;
let t = thisLayer.sourceRectAtTime().top;
let l = thisLayer.sourceRectAtTime().left;
[l , t + h]

シェイプレイヤーは、長方形以外の楕円形などにも適用できます。
シェイプレイヤーのアンカーポイントは左上に配置。

let t = thisLayer.sourceRectAtTime().top;
let l = thisLayer.sourceRectAtTime().left;
[l , t]

シェイプの「サイズ」。

let w = thisComp.layer("SAMPLE").sourceRectAtTime().width;
[w , value[1]]

シェイプレイヤーにエフェクト「スライダー制御」を追加してから「位置」に下記エクスプレッションを追加する。
スライダー制御は、テキストとアンダーラインの間隔を調整するのに使用します。

[ thisComp.layer("SAMPLE").transform.position[0], thisComp.layer("SAMPLE").transform.position[1] + effect("スライダー制御")("スライダー")]

シェイプレイヤーの「スケール」にキーフレームを打って、長さをコントロールする。